<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=769637" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">菜单门户管理svg</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">服务报告</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">smile</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">image</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">头像-客服选中-04</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">头像-普通用户</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">头像-客服</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">头像-客服选中-01</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">头像-普通用户选中</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">头像-客户选中</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">头像-工程师选中-03</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">头像-客户</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">个人中心</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">order</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">people</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">tasklist</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f9;</span>
                <div class="name">font-size</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe861;</span>
                <div class="name">read-fill</div>
                <div class="code-name">&amp;#xe861;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe863;</span>
                <div class="name">notification-fill</div>
                <div class="code-name">&amp;#xe863;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">图文导航</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f5;</span>
                <div class="name">align-right</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">align-center</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f7;</span>
                <div class="name">align-left</div>
                <div class="code-name">&amp;#xe7f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">bold</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">image-fill</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">平铺图片</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">瀑布流</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">详细列表</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">font-size</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">detail</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">个人中心选中</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">首页-选中</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">服务选中</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">商城选中</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">商城</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">down</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">new</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">zuijinfangwen</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ff;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe7ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">hot</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">表情</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">fuwushang</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">知识库_面</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">left</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">right</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">swap-right</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">fuwushang</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">内部</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">caogaoxiang</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">weifabu</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">fenlei</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">yifabu</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">yishoucang</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">like-fill</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">quanzi</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">ellipsis</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">edit-square</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">dianzan</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">pinglun</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">shoucang</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">yuedu</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">fenxiang</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">添加产品</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">setting</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">在线客服</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">报表</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb59;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xeb59;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">质保</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">企微聊天工具栏</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">添加关注</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">取消关注</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">通讯录</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">关联到</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">bell</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">message</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">credit card-fill</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">app store-fill</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">fund-fill</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">contacts-fill</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">shopping-fill</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">tags-fill</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">shop-fill</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">golden-fill</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">trophy-fill</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">car-fill</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">pie chart-circle-fil</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">container-fill</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">batch folding-fill</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">id card-fill</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">detail-fill</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">reconciliation-fill</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">file-text-fill</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">事件统计</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">支付宝</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe853;</span>
                <div class="name">app store-fill</div>
                <div class="code-name">&amp;#xe853;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe871;</span>
                <div class="name">shop-fill</div>
                <div class="code-name">&amp;#xe871;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe854;</span>
                <div class="name">book-fill</div>
                <div class="code-name">&amp;#xe854;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe865;</span>
                <div class="name">video-fill</div>
                <div class="code-name">&amp;#xe865;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86d;</span>
                <div class="name">phone-fill</div>
                <div class="code-name">&amp;#xe86d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86e;</span>
                <div class="name">edit-fill</div>
                <div class="code-name">&amp;#xe86e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">服务-选中</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">image-fill2</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">企业-填充</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">备件</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">gb</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">zdh</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">zxh</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">重做</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">自定义</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">结束</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">已通过</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">已驳回</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">不同意</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">待审批</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">book</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">send</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">订阅</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">数据大屏</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b5;</span>
                <div class="name">eye-fill</div>
                <div class="code-name">&amp;#xe8b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">down-circle</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">工单表单设置</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">工单流程设置</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">filter</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">upload</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">cloud-download</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e9;</span>
                <div class="name">signal-fill</div>
                <div class="code-name">&amp;#xe8e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe900;</span>
                <div class="name">地图</div>
                <div class="code-name">&amp;#xe900;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84b;</span>
                <div class="name">pie chart-circle-fil</div>
                <div class="code-name">&amp;#xe84b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84d;</span>
                <div class="name">calendar-fill</div>
                <div class="code-name">&amp;#xe84d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe850;</span>
                <div class="name">detail-fill</div>
                <div class="code-name">&amp;#xe850;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe860;</span>
                <div class="name">fund-fill</div>
                <div class="code-name">&amp;#xe860;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">菜单-产品</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">warning-circle-fill</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">对号</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">Satisfied</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">implement</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">furniture</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">equipment</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">inside</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">maintain</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">appliance</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">measure</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">mechanics</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">medical care</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">refundable</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">service</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">water</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">train</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">tel</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">work</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">描述</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">优先级</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">服务内容</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">服务类型</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec44;</span>
                <div class="name">服务类型</div>
                <div class="code-name">&amp;#xec44;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec45;</span>
                <div class="name">签名</div>
                <div class="code-name">&amp;#xec45;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">签名</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">产品关联</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">客户关联</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">qrcode</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">file-copy</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">thunderbolt</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">printer</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">edit-square</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">bell</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">菜单-产品</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">设置-产品管理设置</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">设置-产品二维码</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">设置-产品目录</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">附加组件</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">事件</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">工单</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">皇冠</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">calculator</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">产品详情-产品提醒</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">产品详情-计划任务</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">运算-删除</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">calendar</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">基础控件-数字</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">基础控件-扫码</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">基础控件-服务内容</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">基础控件-定位</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">基础组件-客户关联</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">基础控件-分割线</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">基础控件-时间</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">基础控件-单行文本</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">基础控件-知识库</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">基础控件-说明信息</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">基础控件-备件</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">基础控件-下拉</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">基础控件-多级菜单</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">基础控件-多行文本</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">基础控件-电话</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">基础控件-人员</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">基础控件-关联</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">基础控件-附件</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec42;</span>
                <div class="name">基础控件-附件</div>
                <div class="code-name">&amp;#xec42;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec43;</span>
                <div class="name">基础控件-附件</div>
                <div class="code-name">&amp;#xec43;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">地址</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">基础控件-邮箱</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">Icon_up</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">拖拽排序</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">隐藏字段</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">解释说明</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">新建</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">指派</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">开始</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">结算</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">回访</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">接受</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">结束</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">菜单箭头-折叠</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">菜单箭头-展开</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">解释说明</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">菜单_财务模块</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">菜单_服务管理</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">菜单_备件管理</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">菜单_工单模块</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">菜单_门户设置</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">菜单_信息管理</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">菜单_设置</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">菜单_服务台</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">菜单_运营统计</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">菜单_账号权限</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">菜单_客户模块</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">面板箭头</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">icon_arrow</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">三道杠</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">复制 </div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">圈子管理</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">微信消息设置</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">列表模式</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">地图模式</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">企业名</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">用户名</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">审批中</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">备件-进度-确认</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">备件-进度-已拒绝</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">备件-进度-审批中</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">工地管理</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">分包商</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">配件管理</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">工具管理</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">400服务台</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">系统设置</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">业务报表</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">项目管理</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">派工</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">质量管理</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">人员管理</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">话筒</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">语音</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">高级搜索</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84a;</span>
                <div class="name">plus-circle-fill</div>
                <div class="code-name">&amp;#xe84a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe844;</span>
                <div class="name">left-circle-fill</div>
                <div class="code-name">&amp;#xe844;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe849;</span>
                <div class="name">right-circle-fill</div>
                <div class="code-name">&amp;#xe849;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">打电话</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">favor_fill</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">favor</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">全部已读</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec41;</span>
                <div class="name">向左</div>
                <div class="code-name">&amp;#xec41;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">向左</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">服务评价-客服</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe93b;</span>
                <div class="name">工作台</div>
                <div class="code-name">&amp;#xe93b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">电 话</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">Ding</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">移动端显示</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">呼入</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">呼出</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">话费</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">坐席</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">去电</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">来电</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">time-circle-fill</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">短信</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82f;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe82f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">记录</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">记录</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">订阅通知管理</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">Gateway</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">reception</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">API SETTING</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe915;</span>
                <div class="name">钉钉</div>
                <div class="code-name">&amp;#xe915;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">短信消息设置</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">部门</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">人员</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">默认已选</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">card</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bd;</span>
                <div class="name">card</div>
                <div class="code-name">&amp;#xe8bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">up</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83e;</span>
                <div class="name">long-arrow-down</div>
                <div class="code-name">&amp;#xe83e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83f;</span>
                <div class="name">long-arrow-up</div>
                <div class="code-name">&amp;#xe83f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">logout</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">setting</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">arrow-right</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">排序下</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">排序上</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">排序上</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">排序下</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">箭头 上升</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">箭头 下降</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">下</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">上</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">icon_语音播放</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">信息</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">锁</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">锁</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">角色</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">文档库</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">产品数据</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">客户数据</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">团队</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">模版</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">库存</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">自定义</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">设备</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb47;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xeb47;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">信息</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">地址</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb95;</span>
                <div class="name">icon_GPS</div>
                <div class="code-name">&amp;#xeb95;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">其他（蓝）@2x</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">贸易零售（蓝）@2x</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">建筑家居（蓝）@2x</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">服务业（蓝）@2x</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">互联网（蓝）@2x</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">制造业</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">书</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">loading</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead6;</span>
                <div class="name">点点点</div>
                <div class="code-name">&amp;#xead6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">对号</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">分组 7</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">tongjigongdanshuliang </div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">jixiaoduixiang </div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">mingzhong </div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">heji jiangjin </div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">fabu </div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">tongzhi </div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">chuanjianbaogao</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">tijiaoshenhe</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">可见</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">叉号</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">分组 5</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">xiaoxi</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">shouqi</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">收起</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">清空删除</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec40;</span>
                <div class="name">清空删除</div>
                <div class="code-name">&amp;#xec40;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">more</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">页面删除</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">dropdown</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">实验</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">notification</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">question</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">location</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">arrow-left</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">icon-delete</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">矩形</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">pic-b-down</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">服务管理</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">备件管理</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">服务台</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">权限管理</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">客户信息</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">信息管理</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">左移动</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">运营分析</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">右移动</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">工单中心</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">旧版</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">工具</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">分隔线</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">附件</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">单行文本</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fe;</span>
                <div class="name">下拉框</div>
                <div class="code-name">&amp;#xe8fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">日期时间</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">人员</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">扫码</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">邮箱-反馈</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">多行文本</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">符号-数字输入框</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">注销</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">人</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">home2</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">堆叠</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">页面</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">send</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec3f;</span>
                <div class="name">地图-地标</div>
                <div class="code-name">&amp;#xec3f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">time_line</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">附件</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe848;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe848;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">loading</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">checkbox</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">减</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">upload</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">scan</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">return</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">commit</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">userstatus</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ff;</span>
                <div class="name">icon_people_fill</div>
                <div class="code-name">&amp;#xe8ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">箭头</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">account</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">down</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">left</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">right</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">updete</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">account</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">Service desk</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">Take up</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">guide</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">customer service</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">list</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">help</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">news</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">operate</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">man</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">part</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">open</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">service</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">system</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">yun</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1634540648759') format('woff2'),
       url('iconfont.woff?t=1634540648759') format('woff'),
       url('iconfont.ttf?t=1634540648759') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-caidanmenhuguanlisvg"></span>
            <div class="name">
              菜单门户管理svg
            </div>
            <div class="code-name">.icon-caidanmenhuguanlisvg
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwubaogao"></span>
            <div class="name">
              服务报告
            </div>
            <div class="code-name">.icon-fuwubaogao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-smile"></span>
            <div class="name">
              smile
            </div>
            <div class="code-name">.icon-smile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-image"></span>
            <div class="name">
              image
            </div>
            <div class="code-name">.icon-image
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touxiang-kefuxuanzhong-04"></span>
            <div class="name">
              头像-客服选中-04
            </div>
            <div class="code-name">.icon-touxiang-kefuxuanzhong-04
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touxiang-putongyonghu"></span>
            <div class="name">
              头像-普通用户
            </div>
            <div class="code-name">.icon-touxiang-putongyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touxiang-kefu"></span>
            <div class="name">
              头像-客服
            </div>
            <div class="code-name">.icon-touxiang-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touxiang-kefuxuanzhong-01"></span>
            <div class="name">
              头像-客服选中-01
            </div>
            <div class="code-name">.icon-touxiang-kefuxuanzhong-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touxiang-putongyonghuxuanzhong"></span>
            <div class="name">
              头像-普通用户选中
            </div>
            <div class="code-name">.icon-touxiang-putongyonghuxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touxiang-kehuxuanzhong"></span>
            <div class="name">
              头像-客户选中
            </div>
            <div class="code-name">.icon-touxiang-kehuxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touxiang-gongchengshixuanzhong-03"></span>
            <div class="name">
              头像-工程师选中-03
            </div>
            <div class="code-name">.icon-touxiang-gongchengshixuanzhong-03
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touxiang-kehu"></span>
            <div class="name">
              头像-客户
            </div>
            <div class="code-name">.icon-touxiang-kehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gerenzhongxin"></span>
            <div class="name">
              个人中心
            </div>
            <div class="code-name">.icon-gerenzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-order"></span>
            <div class="name">
              order
            </div>
            <div class="code-name">.icon-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-people1"></span>
            <div class="name">
              people
            </div>
            <div class="code-name">.icon-people1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tasklist"></span>
            <div class="name">
              tasklist
            </div>
            <div class="code-name">.icon-tasklist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-font-size1"></span>
            <div class="name">
              font-size
            </div>
            <div class="code-name">.icon-font-size1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-read-fill"></span>
            <div class="name">
              read-fill
            </div>
            <div class="code-name">.icon-read-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-notification-fill"></span>
            <div class="name">
              notification-fill
            </div>
            <div class="code-name">.icon-notification-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuwendaohang"></span>
            <div class="name">
              图文导航
            </div>
            <div class="code-name">.icon-tuwendaohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-align-right"></span>
            <div class="name">
              align-right
            </div>
            <div class="code-name">.icon-align-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-align-center1"></span>
            <div class="name">
              align-center
            </div>
            <div class="code-name">.icon-align-center1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-align-left"></span>
            <div class="name">
              align-left
            </div>
            <div class="code-name">.icon-align-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bold"></span>
            <div class="name">
              bold
            </div>
            <div class="code-name">.icon-bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-image-fill"></span>
            <div class="name">
              image-fill
            </div>
            <div class="code-name">.icon-image-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingputupian"></span>
            <div class="name">
              平铺图片
            </div>
            <div class="code-name">.icon-pingputupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pubuliu1"></span>
            <div class="name">
              瀑布流
            </div>
            <div class="code-name">.icon-pubuliu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxiliebiao1"></span>
            <div class="name">
              详细列表
            </div>
            <div class="code-name">.icon-xiangxiliebiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-font-size"></span>
            <div class="name">
              font-size
            </div>
            <div class="code-name">.icon-font-size
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-detail"></span>
            <div class="name">
              detail
            </div>
            <div class="code-name">.icon-detail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gerenzhongxinxuanzhong"></span>
            <div class="name">
              个人中心选中
            </div>
            <div class="code-name">.icon-gerenzhongxinxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye-xuanzhong"></span>
            <div class="name">
              首页-选中
            </div>
            <div class="code-name">.icon-shouye-xuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye2"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuxuanzhong"></span>
            <div class="name">
              服务选中
            </div>
            <div class="code-name">.icon-fuwuxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwu1"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.icon-fuwu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchengxuanzhong"></span>
            <div class="name">
              商城选中
            </div>
            <div class="code-name">.icon-shangchengxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangcheng1"></span>
            <div class="name">
              商城
            </div>
            <div class="code-name">.icon-shangcheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-down"></span>
            <div class="name">
              down
            </div>
            <div class="code-name">.icon-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-new"></span>
            <div class="name">
              new
            </div>
            <div class="code-name">.icon-new
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuijinfangwen"></span>
            <div class="name">
              zuijinfangwen
            </div>
            <div class="code-name">.icon-zuijinfangwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-close"></span>
            <div class="name">
              close
            </div>
            <div class="code-name">.icon-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hot"></span>
            <div class="name">
              hot
            </div>
            <div class="code-name">.icon-hot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqing"></span>
            <div class="name">
              表情
            </div>
            <div class="code-name">.icon-biaoqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwushang1"></span>
            <div class="name">
              fuwushang
            </div>
            <div class="code-name">.icon-fuwushang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhishiku_mian"></span>
            <div class="name">
              知识库_面
            </div>
            <div class="code-name">.icon-zhishiku_mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-left1"></span>
            <div class="name">
              left
            </div>
            <div class="code-name">.icon-left1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-right1"></span>
            <div class="name">
              right
            </div>
            <div class="code-name">.icon-right1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-swap-right"></span>
            <div class="name">
              swap-right
            </div>
            <div class="code-name">.icon-swap-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwushang"></span>
            <div class="name">
              fuwushang
            </div>
            <div class="code-name">.icon-fuwushang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-unlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.icon-unlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-neibu"></span>
            <div class="name">
              内部
            </div>
            <div class="code-name">.icon-neibu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caogaoxiang"></span>
            <div class="name">
              caogaoxiang
            </div>
            <div class="code-name">.icon-caogaoxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weifabu"></span>
            <div class="name">
              weifabu
            </div>
            <div class="code-name">.icon-weifabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenlei1"></span>
            <div class="name">
              fenlei
            </div>
            <div class="code-name">.icon-fenlei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yifabu"></span>
            <div class="name">
              yifabu
            </div>
            <div class="code-name">.icon-yifabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yishoucang"></span>
            <div class="name">
              yishoucang
            </div>
            <div class="code-name">.icon-yishoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-like-fill"></span>
            <div class="name">
              like-fill
            </div>
            <div class="code-name">.icon-like-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanzi"></span>
            <div class="name">
              quanzi
            </div>
            <div class="code-name">.icon-quanzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-share1"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.icon-share1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ellipsis"></span>
            <div class="name">
              ellipsis
            </div>
            <div class="code-name">.icon-ellipsis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-edit-square1"></span>
            <div class="name">
              edit-square
            </div>
            <div class="code-name">.icon-edit-square1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzan"></span>
            <div class="name">
              dianzan
            </div>
            <div class="code-name">.icon-dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun"></span>
            <div class="name">
              pinglun
            </div>
            <div class="code-name">.icon-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang"></span>
            <div class="name">
              shoucang
            </div>
            <div class="code-name">.icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuedu"></span>
            <div class="name">
              yuedu
            </div>
            <div class="code-name">.icon-yuedu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang3"></span>
            <div class="name">
              fenxiang
            </div>
            <div class="code-name">.icon-fenxiang3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjiachanpin"></span>
            <div class="name">
              添加产品
            </div>
            <div class="code-name">.icon-tianjiachanpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-quality"></span>
            <div class="name">
              setting
            </div>
            <div class="code-name">.icon-fdn-quality
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaixiankefu"></span>
            <div class="name">
              在线客服
            </div>
            <div class="code-name">.icon-zaixiankefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-erweima"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.icon-erweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baobiao"></span>
            <div class="name">
              报表
            </div>
            <div class="code-name">.icon-baobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin5"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhibao"></span>
            <div class="name">
              质保
            </div>
            <div class="code-name">.icon-zhibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiweiliaotiangongjulan"></span>
            <div class="name">
              企微聊天工具栏
            </div>
            <div class="code-name">.icon-qiweiliaotiangongjulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjiaguanzhu"></span>
            <div class="name">
              添加关注
            </div>
            <div class="code-name">.icon-tianjiaguanzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quxiaoguanzhu"></span>
            <div class="name">
              取消关注
            </div>
            <div class="code-name">.icon-quxiaoguanzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongxunlu"></span>
            <div class="name">
              通讯录
            </div>
            <div class="code-name">.icon-tongxunlu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanliandao"></span>
            <div class="name">
              关联到
            </div>
            <div class="code-name">.icon-guanliandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin4"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin3"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bell1"></span>
            <div class="name">
              bell
            </div>
            <div class="code-name">.icon-bell1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-message1"></span>
            <div class="name">
              message
            </div>
            <div class="code-name">.icon-message1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-creditcard-fill"></span>
            <div class="name">
              credit card-fill
            </div>
            <div class="code-name">.icon-creditcard-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appstore-fill1"></span>
            <div class="name">
              app store-fill
            </div>
            <div class="code-name">.icon-appstore-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fund-fill1"></span>
            <div class="name">
              fund-fill
            </div>
            <div class="code-name">.icon-fund-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-contacts-fill"></span>
            <div class="name">
              contacts-fill
            </div>
            <div class="code-name">.icon-contacts-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shopping-fill"></span>
            <div class="name">
              shopping-fill
            </div>
            <div class="code-name">.icon-shopping-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tags-fill"></span>
            <div class="name">
              tags-fill
            </div>
            <div class="code-name">.icon-tags-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-fill1"></span>
            <div class="name">
              shop-fill
            </div>
            <div class="code-name">.icon-shop-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-golden-fill"></span>
            <div class="name">
              golden-fill
            </div>
            <div class="code-name">.icon-golden-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-trophy-fill"></span>
            <div class="name">
              trophy-fill
            </div>
            <div class="code-name">.icon-trophy-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-car-fill"></span>
            <div class="name">
              car-fill
            </div>
            <div class="code-name">.icon-car-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-piechart-circle-fil1"></span>
            <div class="name">
              pie chart-circle-fil
            </div>
            <div class="code-name">.icon-piechart-circle-fil1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-container-fill"></span>
            <div class="name">
              container-fill
            </div>
            <div class="code-name">.icon-container-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-batchfolding-fill"></span>
            <div class="name">
              batch folding-fill
            </div>
            <div class="code-name">.icon-batchfolding-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-idcard-fill"></span>
            <div class="name">
              id card-fill
            </div>
            <div class="code-name">.icon-idcard-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-detail-fill1"></span>
            <div class="name">
              detail-fill
            </div>
            <div class="code-name">.icon-detail-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-reconciliation-fill"></span>
            <div class="name">
              reconciliation-fill
            </div>
            <div class="code-name">.icon-reconciliation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-file-text-fill"></span>
            <div class="name">
              file-text-fill
            </div>
            <div class="code-name">.icon-file-text-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-event"></span>
            <div class="name">
              事件统计
            </div>
            <div class="code-name">.icon-event
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.icon-fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhifubao"></span>
            <div class="name">
              支付宝
            </div>
            <div class="code-name">.icon-zhifubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appstore-fill"></span>
            <div class="name">
              app store-fill
            </div>
            <div class="code-name">.icon-appstore-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-fill"></span>
            <div class="name">
              shop-fill
            </div>
            <div class="code-name">.icon-shop-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-book-fill"></span>
            <div class="name">
              book-fill
            </div>
            <div class="code-name">.icon-book-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-video-fill"></span>
            <div class="name">
              video-fill
            </div>
            <div class="code-name">.icon-video-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-phone-fill"></span>
            <div class="name">
              phone-fill
            </div>
            <div class="code-name">.icon-phone-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-edit-fill"></span>
            <div class="name">
              edit-fill
            </div>
            <div class="code-name">.icon-edit-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwu-xuanzhong"></span>
            <div class="name">
              服务-选中
            </div>
            <div class="code-name">.icon-fuwu-xuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-image-fill2"></span>
            <div class="name">
              image-fill2
            </div>
            <div class="code-name">.icon-image-fill2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiye-tianchong"></span>
            <div class="name">
              企业-填充
            </div>
            <div class="code-name">.icon-qiye-tianchong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beijian"></span>
            <div class="name">
              备件
            </div>
            <div class="code-name">.icon-beijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gb1"></span>
            <div class="name">
              gb
            </div>
            <div class="code-name">.icon-gb1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zdh"></span>
            <div class="name">
              zdh
            </div>
            <div class="code-name">.icon-zdh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zxh"></span>
            <div class="name">
              zxh
            </div>
            <div class="code-name">.icon-zxh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongzuo"></span>
            <div class="name">
              重做
            </div>
            <div class="code-name">.icon-chongzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chexiao"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.icon-chexiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidingyi"></span>
            <div class="name">
              自定义
            </div>
            <div class="code-name">.icon-zidingyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieshu1"></span>
            <div class="name">
              结束
            </div>
            <div class="code-name">.icon-jieshu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yitongguo"></span>
            <div class="name">
              已通过
            </div>
            <div class="code-name">.icon-yitongguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yibohui"></span>
            <div class="name">
              已驳回
            </div>
            <div class="code-name">.icon-yibohui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-butongyi"></span>
            <div class="name">
              不同意
            </div>
            <div class="code-name">.icon-butongyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daishenpi"></span>
            <div class="name">
              待审批
            </div>
            <div class="code-name">.icon-daishenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-book"></span>
            <div class="name">
              book
            </div>
            <div class="code-name">.icon-book
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-send1"></span>
            <div class="name">
              send
            </div>
            <div class="code-name">.icon-send1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ding-yue"></span>
            <div class="name">
              订阅
            </div>
            <div class="code-name">.icon-ding-yue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujudaping"></span>
            <div class="name">
              数据大屏
            </div>
            <div class="code-name">.icon-shujudaping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangda"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.icon-fangda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eye-fill"></span>
            <div class="name">
              eye-fill
            </div>
            <div class="code-name">.icon-eye-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-down-circle"></span>
            <div class="name">
              down-circle
            </div>
            <div class="code-name">.icon-down-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdanbiaodanshezhi"></span>
            <div class="name">
              工单表单设置
            </div>
            <div class="code-name">.icon-gongdanbiaodanshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdanliuchengshezhi"></span>
            <div class="name">
              工单流程设置
            </div>
            <div class="code-name">.icon-gongdanliuchengshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add3"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-add3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-filter"></span>
            <div class="name">
              filter
            </div>
            <div class="code-name">.icon-filter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-upload1"></span>
            <div class="name">
              upload
            </div>
            <div class="code-name">.icon-upload1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixu1"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.icon-paixu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cloud-download"></span>
            <div class="name">
              cloud-download
            </div>
            <div class="code-name">.icon-cloud-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-signal-fill"></span>
            <div class="name">
              signal-fill
            </div>
            <div class="code-name">.icon-signal-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditu2"></span>
            <div class="name">
              地图
            </div>
            <div class="code-name">.icon-ditu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-piechart-circle-fil"></span>
            <div class="name">
              pie chart-circle-fil
            </div>
            <div class="code-name">.icon-piechart-circle-fil
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-calendar-fill"></span>
            <div class="name">
              calendar-fill
            </div>
            <div class="code-name">.icon-calendar-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-detail-fill"></span>
            <div class="name">
              detail-fill
            </div>
            <div class="code-name">.icon-detail-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fund-fill"></span>
            <div class="name">
              fund-fill
            </div>
            <div class="code-name">.icon-fund-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan-chanpin1"></span>
            <div class="name">
              菜单-产品
            </div>
            <div class="code-name">.icon-caidan-chanpin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-warning-circle-fill"></span>
            <div class="name">
              warning-circle-fill
            </div>
            <div class="code-name">.icon-warning-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add2"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-add2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duihao1"></span>
            <div class="name">
              对号
            </div>
            <div class="code-name">.icon-duihao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Satisfied1"></span>
            <div class="name">
              Satisfied
            </div>
            <div class="code-name">.icon-Satisfied1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-implement"></span>
            <div class="name">
              implement
            </div>
            <div class="code-name">.icon-implement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-furniture"></span>
            <div class="name">
              furniture
            </div>
            <div class="code-name">.icon-furniture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-equipment"></span>
            <div class="name">
              equipment
            </div>
            <div class="code-name">.icon-equipment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-inside"></span>
            <div class="name">
              inside
            </div>
            <div class="code-name">.icon-inside
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-maintain"></span>
            <div class="name">
              maintain
            </div>
            <div class="code-name">.icon-maintain
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appliance"></span>
            <div class="name">
              appliance
            </div>
            <div class="code-name">.icon-appliance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-measure"></span>
            <div class="name">
              measure
            </div>
            <div class="code-name">.icon-measure
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mechanics"></span>
            <div class="name">
              mechanics
            </div>
            <div class="code-name">.icon-mechanics
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-medicalcare"></span>
            <div class="name">
              medical care
            </div>
            <div class="code-name">.icon-medicalcare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-refundable"></span>
            <div class="name">
              refundable
            </div>
            <div class="code-name">.icon-refundable
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-service1"></span>
            <div class="name">
              service
            </div>
            <div class="code-name">.icon-service1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-water"></span>
            <div class="name">
              water
            </div>
            <div class="code-name">.icon-water
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-train"></span>
            <div class="name">
              train
            </div>
            <div class="code-name">.icon-train
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tel"></span>
            <div class="name">
              tel
            </div>
            <div class="code-name">.icon-tel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-work"></span>
            <div class="name">
              work
            </div>
            <div class="code-name">.icon-work
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-description"></span>
            <div class="name">
              描述
            </div>
            <div class="code-name">.icon-fdn-description
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-level"></span>
            <div class="name">
              优先级
            </div>
            <div class="code-name">.icon-fdn-level
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-serviceContent"></span>
            <div class="name">
              服务内容
            </div>
            <div class="code-name">.icon-fdn-serviceContent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-serviceType"></span>
            <div class="name">
              服务类型
            </div>
            <div class="code-name">.icon-fdn-serviceType
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-serviceIterm"></span>
            <div class="name">
              服务类型
            </div>
            <div class="code-name">.icon-fdn-serviceIterm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-autograph"></span>
            <div class="name">
              签名
            </div>
            <div class="code-name">.icon-fdn-autograph
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-systemAutograph"></span>
            <div class="name">
              签名
            </div>
            <div class="code-name">.icon-fdn-systemAutograph
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-relationProduct"></span>
            <div class="name">
              产品关联
            </div>
            <div class="code-name">.icon-fdn-relationProduct
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-relationCustomer"></span>
            <div class="name">
              客户关联
            </div>
            <div class="code-name">.icon-fdn-relationCustomer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qrcode"></span>
            <div class="name">
              qrcode
            </div>
            <div class="code-name">.icon-qrcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-file-copy"></span>
            <div class="name">
              file-copy
            </div>
            <div class="code-name">.icon-file-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-thunderbolt"></span>
            <div class="name">
              thunderbolt
            </div>
            <div class="code-name">.icon-thunderbolt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-printer"></span>
            <div class="name">
              printer
            </div>
            <div class="code-name">.icon-printer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-edit-square"></span>
            <div class="name">
              edit-square
            </div>
            <div class="code-name">.icon-edit-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-delete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.icon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bell"></span>
            <div class="name">
              bell
            </div>
            <div class="code-name">.icon-bell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan-chanpin"></span>
            <div class="name">
              菜单-产品
            </div>
            <div class="code-name">.icon-caidan-chanpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi-chanpinguanlishezhi"></span>
            <div class="name">
              设置-产品管理设置
            </div>
            <div class="code-name">.icon-shezhi-chanpinguanlishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi-chanpinerweima"></span>
            <div class="name">
              设置-产品二维码
            </div>
            <div class="code-name">.icon-shezhi-chanpinerweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi-chanpinmulu"></span>
            <div class="name">
              设置-产品目录
            </div>
            <div class="code-name">.icon-shezhi-chanpinmulu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fujiazujian"></span>
            <div class="name">
              附加组件
            </div>
            <div class="code-name">.icon-fujiazujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian1"></span>
            <div class="name">
              事件
            </div>
            <div class="code-name">.icon-shijian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdan"></span>
            <div class="name">
              工单
            </div>
            <div class="code-name">.icon-gongdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huangguan"></span>
            <div class="name">
              皇冠
            </div>
            <div class="code-name">.icon-huangguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanting"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.icon-zanting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-formula"></span>
            <div class="name">
              calculator
            </div>
            <div class="code-name">.icon-fdn-formula
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanpinxiangqing-chanpintixing"></span>
            <div class="name">
              产品详情-产品提醒
            </div>
            <div class="code-name">.icon-chanpinxiangqing-chanpintixing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanpinxiangqing-jihuarenwu"></span>
            <div class="name">
              产品详情-计划任务
            </div>
            <div class="code-name">.icon-chanpinxiangqing-jihuarenwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu2"></span>
            <div class="name">
              运算-删除
            </div>
            <div class="code-name">.icon-shanchu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-date"></span>
            <div class="name">
              calendar
            </div>
            <div class="code-name">.icon-fdn-date
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-number"></span>
            <div class="name">
              基础控件-数字
            </div>
            <div class="code-name">.icon-fdn-number
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-code"></span>
            <div class="name">
              基础控件-扫码
            </div>
            <div class="code-name">.icon-fdn-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuneirong"></span>
            <div class="name">
              基础控件-服务内容
            </div>
            <div class="code-name">.icon-fuwuneirong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-address"></span>
            <div class="name">
              基础控件-定位
            </div>
            <div class="code-name">.icon-fdn-address
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuguanlian"></span>
            <div class="name">
              基础组件-客户关联
            </div>
            <div class="code-name">.icon-kehuguanlian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-separator"></span>
            <div class="name">
              基础控件-分割线
            </div>
            <div class="code-name">.icon-fdn-separator
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-datetime"></span>
            <div class="name">
              基础控件-时间
            </div>
            <div class="code-name">.icon-fdn-datetime
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-text"></span>
            <div class="name">
              基础控件-单行文本
            </div>
            <div class="code-name">.icon-fdn-text
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhishiku"></span>
            <div class="name">
              基础控件-知识库
            </div>
            <div class="code-name">.icon-zhishiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-info"></span>
            <div class="name">
              基础控件-说明信息
            </div>
            <div class="code-name">.icon-fdn-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-sparepart"></span>
            <div class="name">
              基础控件-备件
            </div>
            <div class="code-name">.icon-fdn-sparepart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-select"></span>
            <div class="name">
              基础控件-下拉
            </div>
            <div class="code-name">.icon-fdn-select
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-cascader"></span>
            <div class="name">
              基础控件-多级菜单
            </div>
            <div class="code-name">.icon-fdn-cascader
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-textarea"></span>
            <div class="name">
              基础控件-多行文本
            </div>
            <div class="code-name">.icon-fdn-textarea
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-phone"></span>
            <div class="name">
              基础控件-电话
            </div>
            <div class="code-name">.icon-fdn-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-user"></span>
            <div class="name">
              基础控件-人员
            </div>
            <div class="code-name">.icon-fdn-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-related_task"></span>
            <div class="name">
              基础控件-关联
            </div>
            <div class="code-name">.icon-fdn-related_task
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-attachment"></span>
            <div class="name">
              基础控件-附件
            </div>
            <div class="code-name">.icon-fdn-attachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-taskAttachment"></span>
            <div class="name">
              基础控件-附件
            </div>
            <div class="code-name">.icon-fdn-taskAttachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-receiptAttachment"></span>
            <div class="name">
              基础控件-附件
            </div>
            <div class="code-name">.icon-fdn-receiptAttachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-location"></span>
            <div class="name">
              地址
            </div>
            <div class="code-name">.icon-fdn-location
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-email"></span>
            <div class="name">
              基础控件-邮箱
            </div>
            <div class="code-name">.icon-fdn-email
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Icon_up"></span>
            <div class="name">
              Icon_up
            </div>
            <div class="code-name">.icon-Icon_up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuozhuaipaixu"></span>
            <div class="name">
              拖拽排序
            </div>
            <div class="code-name">.icon-tuozhuaipaixu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fdn-hidden"></span>
            <div class="name">
              隐藏字段
            </div>
            <div class="code-name">.icon-fdn-hidden
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieshishuoming1"></span>
            <div class="name">
              解释说明
            </div>
            <div class="code-name">.icon-jieshishuoming1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjian"></span>
            <div class="name">
              新建
            </div>
            <div class="code-name">.icon-xinjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wancheng"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.icon-wancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhipai"></span>
            <div class="name">
              指派
            </div>
            <div class="code-name">.icon-zhipai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaishi"></span>
            <div class="name">
              开始
            </div>
            <div class="code-name">.icon-kaishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuan"></span>
            <div class="name">
              结算
            </div>
            <div class="code-name">.icon-jiesuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huifang"></span>
            <div class="name">
              回访
            </div>
            <div class="code-name">.icon-huifang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieshou"></span>
            <div class="name">
              接受
            </div>
            <div class="code-name">.icon-jieshou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieshu"></span>
            <div class="name">
              结束
            </div>
            <div class="code-name">.icon-jieshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixu"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.icon-paixu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidanjiantou-zhedie"></span>
            <div class="name">
              菜单箭头-折叠
            </div>
            <div class="code-name">.icon-caidanjiantou-zhedie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidanjiantou-zhankai"></span>
            <div class="name">
              菜单箭头-展开
            </div>
            <div class="code-name">.icon-caidanjiantou-zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiehuan1"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-qiehuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieshishuoming"></span>
            <div class="name">
              解释说明
            </div>
            <div class="code-name">.icon-jieshishuoming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_caiwumokuai"></span>
            <div class="name">
              菜单_财务模块
            </div>
            <div class="code-name">.icon-caidan_caiwumokuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_fuwuguanli"></span>
            <div class="name">
              菜单_服务管理
            </div>
            <div class="code-name">.icon-caidan_fuwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_beijianguanli"></span>
            <div class="name">
              菜单_备件管理
            </div>
            <div class="code-name">.icon-caidan_beijianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_gongdanmokuai"></span>
            <div class="name">
              菜单_工单模块
            </div>
            <div class="code-name">.icon-caidan_gongdanmokuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_menhushezhi"></span>
            <div class="name">
              菜单_门户设置
            </div>
            <div class="code-name">.icon-caidan_menhushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_xinxiguanli"></span>
            <div class="name">
              菜单_信息管理
            </div>
            <div class="code-name">.icon-caidan_xinxiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_shezhi"></span>
            <div class="name">
              菜单_设置
            </div>
            <div class="code-name">.icon-caidan_shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_fuwutai"></span>
            <div class="name">
              菜单_服务台
            </div>
            <div class="code-name">.icon-caidan_fuwutai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_yunyingtongji"></span>
            <div class="name">
              菜单_运营统计
            </div>
            <div class="code-name">.icon-caidan_yunyingtongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_zhanghaoquanxian"></span>
            <div class="name">
              菜单_账号权限
            </div>
            <div class="code-name">.icon-caidan_zhanghaoquanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_kehumokuai"></span>
            <div class="name">
              菜单_客户模块
            </div>
            <div class="code-name">.icon-caidan_kehumokuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mianbanjiantou"></span>
            <div class="name">
              面板箭头
            </div>
            <div class="code-name">.icon-mianbanjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_arrow"></span>
            <div class="name">
              icon_arrow
            </div>
            <div class="code-name">.icon-icon_arrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daohang"></span>
            <div class="name">
              三道杠
            </div>
            <div class="code-name">.icon-daohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianhua2"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-dianhua2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhi"></span>
            <div class="name">
              复制 
            </div>
            <div class="code-name">.icon-fuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanziguanli"></span>
            <div class="name">
              圈子管理
            </div>
            <div class="code-name">.icon-quanziguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixinxiaoxishezhi"></span>
            <div class="name">
              微信消息设置
            </div>
            <div class="code-name">.icon-weixinxiaoxishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaoshitu"></span>
            <div class="name">
              列表模式
            </div>
            <div class="code-name">.icon-liebiaoshitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditu"></span>
            <div class="name">
              地图模式
            </div>
            <div class="code-name">.icon-ditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyeming"></span>
            <div class="name">
              企业名
            </div>
            <div class="code-name">.icon-qiyeming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuming"></span>
            <div class="name">
              用户名
            </div>
            <div class="code-name">.icon-yonghuming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpizhong"></span>
            <div class="name">
              审批中
            </div>
            <div class="code-name">.icon-shenpizhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beijian-jindu-queren"></span>
            <div class="name">
              备件-进度-确认
            </div>
            <div class="code-name">.icon-beijian-jindu-queren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beijian-jindu-yijujue"></span>
            <div class="name">
              备件-进度-已拒绝
            </div>
            <div class="code-name">.icon-beijian-jindu-yijujue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beijian-jindu-shenpizhong"></span>
            <div class="name">
              备件-进度-审批中
            </div>
            <div class="code-name">.icon-beijian-jindu-shenpizhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdiguanli"></span>
            <div class="name">
              工地管理
            </div>
            <div class="code-name">.icon-gongdiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenbaoshang"></span>
            <div class="name">
              分包商
            </div>
            <div class="code-name">.icon-fenbaoshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peijianguanli"></span>
            <div class="name">
              配件管理
            </div>
            <div class="code-name">.icon-peijianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongjuguanli"></span>
            <div class="name">
              工具管理
            </div>
            <div class="code-name">.icon-gongjuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-400fuwutai"></span>
            <div class="name">
              400服务台
            </div>
            <div class="code-name">.icon-400fuwutai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongshezhi"></span>
            <div class="name">
              系统设置
            </div>
            <div class="code-name">.icon-xitongshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yewubaobiao"></span>
            <div class="name">
              业务报表
            </div>
            <div class="code-name">.icon-yewubaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmuguanli"></span>
            <div class="name">
              项目管理
            </div>
            <div class="code-name">.icon-xiangmuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paigong"></span>
            <div class="name">
              派工
            </div>
            <div class="code-name">.icon-paigong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiliangguanli"></span>
            <div class="name">
              质量管理
            </div>
            <div class="code-name">.icon-zhiliangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renyuanguanli"></span>
            <div class="name">
              人员管理
            </div>
            <div class="code-name">.icon-renyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huatong"></span>
            <div class="name">
              话筒
            </div>
            <div class="code-name">.icon-huatong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuyin"></span>
            <div class="name">
              语音
            </div>
            <div class="code-name">.icon-yuyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji1"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaojisousuo"></span>
            <div class="name">
              高级搜索
            </div>
            <div class="code-name">.icon-gaojisousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu-copy"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu1"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-plus-circle-fill"></span>
            <div class="name">
              plus-circle-fill
            </div>
            <div class="code-name">.icon-plus-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-left-circle-fill"></span>
            <div class="name">
              left-circle-fill
            </div>
            <div class="code-name">.icon-left-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-right-circle-fill"></span>
            <div class="name">
              right-circle-fill
            </div>
            <div class="code-name">.icon-right-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan"></span>
            <div class="name">
              打电话
            </div>
            <div class="code-name">.icon-ziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.icon-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-favorfill"></span>
            <div class="name">
              favor_fill
            </div>
            <div class="code-name">.icon-favorfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-favor"></span>
            <div class="name">
              favor
            </div>
            <div class="code-name">.icon-favor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanbuyidu"></span>
            <div class="name">
              全部已读
            </div>
            <div class="code-name">.icon-quanbuyidu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangzuo-copy"></span>
            <div class="name">
              向左
            </div>
            <div class="code-name">.icon-xiangzuo-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangzuo"></span>
            <div class="name">
              向左
            </div>
            <div class="code-name">.icon-xiangzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefu1"></span>
            <div class="name">
              服务评价-客服
            </div>
            <div class="code-name">.icon-kefu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuotai"></span>
            <div class="name">
              工作台
            </div>
            <div class="code-name">.icon-gongzuotai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianhua"></span>
            <div class="name">
              电 话
            </div>
            <div class="code-name">.icon-dianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Ding"></span>
            <div class="name">
              Ding
            </div>
            <div class="code-name">.icon-Ding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yidongduanxianshi"></span>
            <div class="name">
              移动端显示
            </div>
            <div class="code-name">.icon-yidongduanxianshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huru"></span>
            <div class="name">
              呼入
            </div>
            <div class="code-name">.icon-huru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huchu"></span>
            <div class="name">
              呼出
            </div>
            <div class="code-name">.icon-huchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huafei"></span>
            <div class="name">
              话费
            </div>
            <div class="code-name">.icon-huafei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianhua1"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-dianhua1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoxi"></span>
            <div class="name">
              坐席
            </div>
            <div class="code-name">.icon-zuoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qudian"></span>
            <div class="name">
              去电
            </div>
            <div class="code-name">.icon-qudian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-laidian"></span>
            <div class="name">
              来电
            </div>
            <div class="code-name">.icon-laidian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-time-circle-fill"></span>
            <div class="name">
              time-circle-fill
            </div>
            <div class="code-name">.icon-time-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duanxin3"></span>
            <div class="name">
              短信
            </div>
            <div class="code-name">.icon-duanxin3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin2"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jilu"></span>
            <div class="name">
              记录
            </div>
            <div class="code-name">.icon-jilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin1"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-message"></span>
            <div class="name">
              记录
            </div>
            <div class="code-name">.icon-message
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingyuetongzhiguanli"></span>
            <div class="name">
              订阅通知管理
            </div>
            <div class="code-name">.icon-dingyuetongzhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Gateway"></span>
            <div class="name">
              Gateway
            </div>
            <div class="code-name">.icon-Gateway
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-reception"></span>
            <div class="name">
              reception
            </div>
            <div class="code-name">.icon-reception
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-apisetting"></span>
            <div class="name">
              API SETTING
            </div>
            <div class="code-name">.icon-apisetting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add1"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-add1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingding"></span>
            <div class="name">
              钉钉
            </div>
            <div class="code-name">.icon-dingding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duanxinxiaoxishezhi"></span>
            <div class="name">
              短信消息设置
            </div>
            <div class="code-name">.icon-duanxinxiaoxishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bumen"></span>
            <div class="name">
              部门
            </div>
            <div class="code-name">.icon-bumen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renyuan"></span>
            <div class="name">
              人员
            </div>
            <div class="code-name">.icon-renyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-morenyixuan"></span>
            <div class="name">
              默认已选
            </div>
            <div class="code-name">.icon-morenyixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili1"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-rili1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-card1"></span>
            <div class="name">
              card
            </div>
            <div class="code-name">.icon-card1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-card"></span>
            <div class="name">
              card
            </div>
            <div class="code-name">.icon-card
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanping1"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-quanping1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanping2"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-quanping2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-up"></span>
            <div class="name">
              up
            </div>
            <div class="code-name">.icon-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-long-arrow-down"></span>
            <div class="name">
              long-arrow-down
            </div>
            <div class="code-name">.icon-long-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-long-arrow-up"></span>
            <div class="name">
              long-arrow-up
            </div>
            <div class="code-name">.icon-long-arrow-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logout1"></span>
            <div class="name">
              logout
            </div>
            <div class="code-name">.icon-logout1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-setting"></span>
            <div class="name">
              setting
            </div>
            <div class="code-name">.icon-setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrowright"></span>
            <div class="name">
              arrow-right
            </div>
            <div class="code-name">.icon-arrowright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanjing"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.icon-yanjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixuxia2"></span>
            <div class="name">
              排序下
            </div>
            <div class="code-name">.icon-paixuxia2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixushang"></span>
            <div class="name">
              排序上
            </div>
            <div class="code-name">.icon-paixushang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixuxia"></span>
            <div class="name">
              排序上
            </div>
            <div class="code-name">.icon-paixuxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixuxia1"></span>
            <div class="name">
              排序下
            </div>
            <div class="code-name">.icon-paixuxia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantoushangsheng"></span>
            <div class="name">
              箭头 上升
            </div>
            <div class="code-name">.icon-jiantoushangsheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantouxiajiang"></span>
            <div class="name">
              箭头 下降
            </div>
            <div class="code-name">.icon-jiantouxiajiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xia1"></span>
            <div class="name">
              下
            </div>
            <div class="code-name">.icon-xia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shang1"></span>
            <div class="name">
              上
            </div>
            <div class="code-name">.icon-shang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_yuyinbofang"></span>
            <div class="name">
              icon_语音播放
            </div>
            <div class="code-name">.icon-icon_yuyinbofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinggao"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.icon-jinggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-info"></span>
            <div class="name">
              信息
            </div>
            <div class="code-name">.icon-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-unie65b"></span>
            <div class="name">
              锁
            </div>
            <div class="code-name">.icon-unie65b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jia"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.icon-jia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suo"></span>
            <div class="name">
              锁
            </div>
            <div class="code-name">.icon-suo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-share"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tag"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-tag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-3"></span>
            <div class="name">
              角色
            </div>
            <div class="code-name">.icon-beipinbeijian-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.icon-beipinbeijian-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-1"></span>
            <div class="name">
              文档库
            </div>
            <div class="code-name">.icon-beipinbeijian-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-2"></span>
            <div class="name">
              产品数据
            </div>
            <div class="code-name">.icon-beipinbeijian-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-4"></span>
            <div class="name">
              客户数据
            </div>
            <div class="code-name">.icon-beipinbeijian-4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-5"></span>
            <div class="name">
              团队
            </div>
            <div class="code-name">.icon-beipinbeijian-5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-6"></span>
            <div class="name">
              模版
            </div>
            <div class="code-name">.icon-beipinbeijian-6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-7"></span>
            <div class="name">
              库存
            </div>
            <div class="code-name">.icon-beipinbeijian-7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-8"></span>
            <div class="name">
              自定义
            </div>
            <div class="code-name">.icon-beipinbeijian-8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-9"></span>
            <div class="name">
              设备
            </div>
            <div class="code-name">.icon-beipinbeijian-9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beipinbeijian-10"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.icon-beipinbeijian-10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-link"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.icon-fd-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-info"></span>
            <div class="name">
              信息
            </div>
            <div class="code-name">.icon-fd-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-address"></span>
            <div class="name">
              地址
            </div>
            <div class="code-name">.icon-fd-address
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-location"></span>
            <div class="name">
              icon_GPS
            </div>
            <div class="code-name">.icon-fd-location
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qitalanx"></span>
            <div class="name">
              其他（蓝）@2x
            </div>
            <div class="code-name">.icon-qitalanx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-maoyilingshoulanx"></span>
            <div class="name">
              贸易零售（蓝）@2x
            </div>
            <div class="code-name">.icon-maoyilingshoulanx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianzhujiajulanx"></span>
            <div class="name">
              建筑家居（蓝）@2x
            </div>
            <div class="code-name">.icon-jianzhujiajulanx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuyelanx"></span>
            <div class="name">
              服务业（蓝）@2x
            </div>
            <div class="code-name">.icon-fuwuyelanx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hulianwanglanx"></span>
            <div class="name">
              互联网（蓝）@2x
            </div>
            <div class="code-name">.icon-hulianwanglanx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhizaoyebaix"></span>
            <div class="name">
              制造业
            </div>
            <div class="code-name">.icon-zhizaoyebaix
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shu"></span>
            <div class="name">
              书
            </div>
            <div class="code-name">.icon-shu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-loading1"></span>
            <div class="name">
              loading
            </div>
            <div class="code-name">.icon-loading1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diandiandian"></span>
            <div class="name">
              点点点
            </div>
            <div class="code-name">.icon-diandiandian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon02"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-icon02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duihao"></span>
            <div class="name">
              对号
            </div>
            <div class="code-name">.icon-duihao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenzu1"></span>
            <div class="name">
              分组 7
            </div>
            <div class="code-name">.icon-fenzu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongjigongdanshuliang1"></span>
            <div class="name">
              tongjigongdanshuliang 
            </div>
            <div class="code-name">.icon-tongjigongdanshuliang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jixiaoduixiang1"></span>
            <div class="name">
              jixiaoduixiang 
            </div>
            <div class="code-name">.icon-jixiaoduixiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingzhong"></span>
            <div class="name">
              mingzhong 
            </div>
            <div class="code-name">.icon-mingzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hejijiangjin"></span>
            <div class="name">
              heji jiangjin 
            </div>
            <div class="code-name">.icon-hejijiangjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu"></span>
            <div class="name">
              fabu 
            </div>
            <div class="code-name">.icon-fabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhi1"></span>
            <div class="name">
              tongzhi 
            </div>
            <div class="code-name">.icon-tongzhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuanjianbaogao"></span>
            <div class="name">
              chuanjianbaogao
            </div>
            <div class="code-name">.icon-chuanjianbaogao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tijiaoshenhe"></span>
            <div class="name">
              tijiaoshenhe
            </div>
            <div class="code-name">.icon-tijiaoshenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-focus"></span>
            <div class="name">
              可见
            </div>
            <div class="code-name">.icon-focus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chahao"></span>
            <div class="name">
              叉号
            </div>
            <div class="code-name">.icon-chahao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenzu"></span>
            <div class="name">
              分组 5
            </div>
            <div class="code-name">.icon-fenzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              xiaoxi
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouqi1"></span>
            <div class="name">
              shouqi
            </div>
            <div class="code-name">.icon-shouqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouqi"></span>
            <div class="name">
              收起
            </div>
            <div class="code-name">.icon-shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhankai"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.icon-zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingkongshanchu"></span>
            <div class="name">
              清空删除
            </div>
            <div class="code-name">.icon-qingkongshanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingkongshanchu-copy"></span>
            <div class="name">
              清空删除
            </div>
            <div class="code-name">.icon-qingkongshanchu-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanping"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-quanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-more"></span>
            <div class="name">
              more
            </div>
            <div class="code-name">.icon-more
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yemianshanchu"></span>
            <div class="name">
              页面删除
            </div>
            <div class="code-name">.icon-yemianshanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongsimingchengxiala"></span>
            <div class="name">
              dropdown
            </div>
            <div class="code-name">.icon-gongsimingchengxiala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiehuan"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-qiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-experiment"></span>
            <div class="name">
              实验
            </div>
            <div class="code-name">.icon-experiment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-notification"></span>
            <div class="name">
              notification
            </div>
            <div class="code-name">.icon-notification
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-question"></span>
            <div class="name">
              question
            </div>
            <div class="code-name">.icon-question
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-location"></span>
            <div class="name">
              location
            </div>
            <div class="code-name">.icon-location
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-edit"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.icon-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-left"></span>
            <div class="name">
              arrow-left
            </div>
            <div class="code-name">.icon-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-circle-delete"></span>
            <div class="name">
              icon-delete
            </div>
            <div class="code-name">.icon-circle-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-juxing"></span>
            <div class="name">
              矩形
            </div>
            <div class="code-name">.icon-juxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav-down"></span>
            <div class="name">
              pic-b-down
            </div>
            <div class="code-name">.icon-nav-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangzhu"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.icon-bangzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuguanli"></span>
            <div class="name">
              服务管理
            </div>
            <div class="code-name">.icon-fuwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beijianguanli"></span>
            <div class="name">
              备件管理
            </div>
            <div class="code-name">.icon-beijianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwutai"></span>
            <div class="name">
              服务台
            </div>
            <div class="code-name">.icon-fuwutai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxianguanli"></span>
            <div class="name">
              权限管理
            </div>
            <div class="code-name">.icon-quanxianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuxinxi"></span>
            <div class="name">
              客户信息
            </div>
            <div class="code-name">.icon-kehuxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefu"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.icon-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxiguanli"></span>
            <div class="name">
              信息管理
            </div>
            <div class="code-name">.icon-xinxiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongguanli"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-xitongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoyidong"></span>
            <div class="name">
              左移动
            </div>
            <div class="code-name">.icon-zuoyidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunyingfenxi"></span>
            <div class="name">
              运营分析
            </div>
            <div class="code-name">.icon-yunyingfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youyidong"></span>
            <div class="name">
              右移动
            </div>
            <div class="code-name">.icon-youyidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdanzhongxin"></span>
            <div class="name">
              工单中心
            </div>
            <div class="code-name">.icon-gongdanzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiuban"></span>
            <div class="name">
              旧版
            </div>
            <div class="code-name">.icon-jiuban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-export"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-export
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongju"></span>
            <div class="name">
              工具
            </div>
            <div class="code-name">.icon-gongju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-separator"></span>
            <div class="name">
              分隔线
            </div>
            <div class="code-name">.icon-fd-separator
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-attachment"></span>
            <div class="name">
              附件
            </div>
            <div class="code-name">.icon-fd-attachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-text"></span>
            <div class="name">
              单行文本
            </div>
            <div class="code-name">.icon-fd-text
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-select"></span>
            <div class="name">
              下拉框
            </div>
            <div class="code-name">.icon-fd-select
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-datetime"></span>
            <div class="name">
              日期时间
            </div>
            <div class="code-name">.icon-fd-datetime
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-phone"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-fd-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-user"></span>
            <div class="name">
              人员
            </div>
            <div class="code-name">.icon-fd-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-code"></span>
            <div class="name">
              扫码
            </div>
            <div class="code-name">.icon-fd-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-email"></span>
            <div class="name">
              邮箱-反馈
            </div>
            <div class="code-name">.icon-fd-email
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-textarea"></span>
            <div class="name">
              多行文本
            </div>
            <div class="code-name">.icon-fd-textarea
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-date"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-fd-date
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fd-number"></span>
            <div class="name">
              符号-数字输入框
            </div>
            <div class="code-name">.icon-fd-number
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logout"></span>
            <div class="name">
              注销
            </div>
            <div class="code-name">.icon-logout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-people"></span>
            <div class="name">
              人
            </div>
            <div class="code-name">.icon-people
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-home"></span>
            <div class="name">
              home2
            </div>
            <div class="code-name">.icon-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pile"></span>
            <div class="name">
              堆叠
            </div>
            <div class="code-name">.icon-pile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yemian"></span>
            <div class="name">
              页面
            </div>
            <div class="code-name">.icon-yemian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-send"></span>
            <div class="name">
              send
            </div>
            <div class="code-name">.icon-send
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-address"></span>
            <div class="name">
              地图-地标
            </div>
            <div class="code-name">.icon-address
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-timeline"></span>
            <div class="name">
              time_line
            </div>
            <div class="code-name">.icon-timeline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-attachment"></span>
            <div class="name">
              附件
            </div>
            <div class="code-name">.icon-attachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-loading"></span>
            <div class="name">
              loading
            </div>
            <div class="code-name">.icon-loading
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-check-fill"></span>
            <div class="name">
              checkbox
            </div>
            <div class="code-name">.icon-check-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minus-fill"></span>
            <div class="name">
              减
            </div>
            <div class="code-name">.icon-minus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-upload"></span>
            <div class="name">
              upload
            </div>
            <div class="code-name">.icon-upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-time"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riqi"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-riqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-scan"></span>
            <div class="name">
              scan
            </div>
            <div class="code-name">.icon-scan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-return"></span>
            <div class="name">
              return
            </div>
            <div class="code-name">.icon-return
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-commit1"></span>
            <div class="name">
              commit
            </div>
            <div class="code-name">.icon-commit1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-search1"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.icon-search1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-status"></span>
            <div class="name">
              userstatus
            </div>
            <div class="code-name">.icon-user-status
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_people_fill"></span>
            <div class="name">
              icon_people_fill
            </div>
            <div class="code-name">.icon-icon_people_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-search"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right"></span>
            <div class="name">
              箭头
            </div>
            <div class="code-name">.icon-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-account1"></span>
            <div class="name">
              account
            </div>
            <div class="code-name">.icon-account1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-triangle-down"></span>
            <div class="name">
              down
            </div>
            <div class="code-name">.icon-triangle-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-left"></span>
            <div class="name">
              left
            </div>
            <div class="code-name">.icon-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-right"></span>
            <div class="name">
              right
            </div>
            <div class="code-name">.icon-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fe-close"></span>
            <div class="name">
              close
            </div>
            <div class="code-name">.icon-fe-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-updete"></span>
            <div class="name">
              updete
            </div>
            <div class="code-name">.icon-updete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-account"></span>
            <div class="name">
              account
            </div>
            <div class="code-name">.icon-account
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Servicedesk"></span>
            <div class="name">
              Service desk
            </div>
            <div class="code-name">.icon-Servicedesk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Takeup"></span>
            <div class="name">
              Take up
            </div>
            <div class="code-name">.icon-Takeup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guide"></span>
            <div class="name">
              guide
            </div>
            <div class="code-name">.icon-guide
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-customerservice"></span>
            <div class="name">
              customer service
            </div>
            <div class="code-name">.icon-customerservice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-list"></span>
            <div class="name">
              list
            </div>
            <div class="code-name">.icon-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-help"></span>
            <div class="name">
              help
            </div>
            <div class="code-name">.icon-help
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-news"></span>
            <div class="name">
              news
            </div>
            <div class="code-name">.icon-news
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-operate"></span>
            <div class="name">
              operate
            </div>
            <div class="code-name">.icon-operate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-man"></span>
            <div class="name">
              man
            </div>
            <div class="code-name">.icon-man
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-part"></span>
            <div class="name">
              part
            </div>
            <div class="code-name">.icon-part
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-open"></span>
            <div class="name">
              open
            </div>
            <div class="code-name">.icon-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-service"></span>
            <div class="name">
              service
            </div>
            <div class="code-name">.icon-service
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-system"></span>
            <div class="name">
              system
            </div>
            <div class="code-name">.icon-system
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo"></span>
            <div class="name">
              yun
            </div>
            <div class="code-name">.icon-logo
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidanmenhuguanlisvg"></use>
                </svg>
                <div class="name">菜单门户管理svg</div>
                <div class="code-name">#icon-caidanmenhuguanlisvg</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwubaogao"></use>
                </svg>
                <div class="name">服务报告</div>
                <div class="code-name">#icon-fuwubaogao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-smile"></use>
                </svg>
                <div class="name">smile</div>
                <div class="code-name">#icon-smile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-image"></use>
                </svg>
                <div class="name">image</div>
                <div class="code-name">#icon-image</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touxiang-kefuxuanzhong-04"></use>
                </svg>
                <div class="name">头像-客服选中-04</div>
                <div class="code-name">#icon-touxiang-kefuxuanzhong-04</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touxiang-putongyonghu"></use>
                </svg>
                <div class="name">头像-普通用户</div>
                <div class="code-name">#icon-touxiang-putongyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touxiang-kefu"></use>
                </svg>
                <div class="name">头像-客服</div>
                <div class="code-name">#icon-touxiang-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touxiang-kefuxuanzhong-01"></use>
                </svg>
                <div class="name">头像-客服选中-01</div>
                <div class="code-name">#icon-touxiang-kefuxuanzhong-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touxiang-putongyonghuxuanzhong"></use>
                </svg>
                <div class="name">头像-普通用户选中</div>
                <div class="code-name">#icon-touxiang-putongyonghuxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touxiang-kehuxuanzhong"></use>
                </svg>
                <div class="name">头像-客户选中</div>
                <div class="code-name">#icon-touxiang-kehuxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touxiang-gongchengshixuanzhong-03"></use>
                </svg>
                <div class="name">头像-工程师选中-03</div>
                <div class="code-name">#icon-touxiang-gongchengshixuanzhong-03</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touxiang-kehu"></use>
                </svg>
                <div class="name">头像-客户</div>
                <div class="code-name">#icon-touxiang-kehu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gerenzhongxin"></use>
                </svg>
                <div class="name">个人中心</div>
                <div class="code-name">#icon-gerenzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order"></use>
                </svg>
                <div class="name">order</div>
                <div class="code-name">#icon-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-people1"></use>
                </svg>
                <div class="name">people</div>
                <div class="code-name">#icon-people1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tasklist"></use>
                </svg>
                <div class="name">tasklist</div>
                <div class="code-name">#icon-tasklist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-font-size1"></use>
                </svg>
                <div class="name">font-size</div>
                <div class="code-name">#icon-font-size1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-read-fill"></use>
                </svg>
                <div class="name">read-fill</div>
                <div class="code-name">#icon-read-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-notification-fill"></use>
                </svg>
                <div class="name">notification-fill</div>
                <div class="code-name">#icon-notification-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuwendaohang"></use>
                </svg>
                <div class="name">图文导航</div>
                <div class="code-name">#icon-tuwendaohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-align-right"></use>
                </svg>
                <div class="name">align-right</div>
                <div class="code-name">#icon-align-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-align-center1"></use>
                </svg>
                <div class="name">align-center</div>
                <div class="code-name">#icon-align-center1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-align-left"></use>
                </svg>
                <div class="name">align-left</div>
                <div class="code-name">#icon-align-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bold"></use>
                </svg>
                <div class="name">bold</div>
                <div class="code-name">#icon-bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-image-fill"></use>
                </svg>
                <div class="name">image-fill</div>
                <div class="code-name">#icon-image-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingputupian"></use>
                </svg>
                <div class="name">平铺图片</div>
                <div class="code-name">#icon-pingputupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pubuliu1"></use>
                </svg>
                <div class="name">瀑布流</div>
                <div class="code-name">#icon-pubuliu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxiliebiao1"></use>
                </svg>
                <div class="name">详细列表</div>
                <div class="code-name">#icon-xiangxiliebiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-font-size"></use>
                </svg>
                <div class="name">font-size</div>
                <div class="code-name">#icon-font-size</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-detail"></use>
                </svg>
                <div class="name">detail</div>
                <div class="code-name">#icon-detail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gerenzhongxinxuanzhong"></use>
                </svg>
                <div class="name">个人中心选中</div>
                <div class="code-name">#icon-gerenzhongxinxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye-xuanzhong"></use>
                </svg>
                <div class="name">首页-选中</div>
                <div class="code-name">#icon-shouye-xuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye2"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwuxuanzhong"></use>
                </svg>
                <div class="name">服务选中</div>
                <div class="code-name">#icon-fuwuxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwu1"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#icon-fuwu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangchengxuanzhong"></use>
                </svg>
                <div class="name">商城选中</div>
                <div class="code-name">#icon-shangchengxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangcheng1"></use>
                </svg>
                <div class="name">商城</div>
                <div class="code-name">#icon-shangcheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-down"></use>
                </svg>
                <div class="name">down</div>
                <div class="code-name">#icon-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-new"></use>
                </svg>
                <div class="name">new</div>
                <div class="code-name">#icon-new</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuijinfangwen"></use>
                </svg>
                <div class="name">zuijinfangwen</div>
                <div class="code-name">#icon-zuijinfangwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-close"></use>
                </svg>
                <div class="name">close</div>
                <div class="code-name">#icon-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hot"></use>
                </svg>
                <div class="name">hot</div>
                <div class="code-name">#icon-hot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqing"></use>
                </svg>
                <div class="name">表情</div>
                <div class="code-name">#icon-biaoqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwushang1"></use>
                </svg>
                <div class="name">fuwushang</div>
                <div class="code-name">#icon-fuwushang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishiku_mian"></use>
                </svg>
                <div class="name">知识库_面</div>
                <div class="code-name">#icon-zhishiku_mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-left1"></use>
                </svg>
                <div class="name">left</div>
                <div class="code-name">#icon-left1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-right1"></use>
                </svg>
                <div class="name">right</div>
                <div class="code-name">#icon-right1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-swap-right"></use>
                </svg>
                <div class="name">swap-right</div>
                <div class="code-name">#icon-swap-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwushang"></use>
                </svg>
                <div class="name">fuwushang</div>
                <div class="code-name">#icon-fuwushang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-unlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#icon-unlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-neibu"></use>
                </svg>
                <div class="name">内部</div>
                <div class="code-name">#icon-neibu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caogaoxiang"></use>
                </svg>
                <div class="name">caogaoxiang</div>
                <div class="code-name">#icon-caogaoxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weifabu"></use>
                </svg>
                <div class="name">weifabu</div>
                <div class="code-name">#icon-weifabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenlei1"></use>
                </svg>
                <div class="name">fenlei</div>
                <div class="code-name">#icon-fenlei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yifabu"></use>
                </svg>
                <div class="name">yifabu</div>
                <div class="code-name">#icon-yifabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yishoucang"></use>
                </svg>
                <div class="name">yishoucang</div>
                <div class="code-name">#icon-yishoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-like-fill"></use>
                </svg>
                <div class="name">like-fill</div>
                <div class="code-name">#icon-like-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanzi"></use>
                </svg>
                <div class="name">quanzi</div>
                <div class="code-name">#icon-quanzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-share1"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#icon-share1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ellipsis"></use>
                </svg>
                <div class="name">ellipsis</div>
                <div class="code-name">#icon-ellipsis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edit-square1"></use>
                </svg>
                <div class="name">edit-square</div>
                <div class="code-name">#icon-edit-square1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzan"></use>
                </svg>
                <div class="name">dianzan</div>
                <div class="code-name">#icon-dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun"></use>
                </svg>
                <div class="name">pinglun</div>
                <div class="code-name">#icon-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <div class="name">shoucang</div>
                <div class="code-name">#icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuedu"></use>
                </svg>
                <div class="name">yuedu</div>
                <div class="code-name">#icon-yuedu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang3"></use>
                </svg>
                <div class="name">fenxiang</div>
                <div class="code-name">#icon-fenxiang3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjiachanpin"></use>
                </svg>
                <div class="name">添加产品</div>
                <div class="code-name">#icon-tianjiachanpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-quality"></use>
                </svg>
                <div class="name">setting</div>
                <div class="code-name">#icon-fdn-quality</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaixiankefu"></use>
                </svg>
                <div class="name">在线客服</div>
                <div class="code-name">#icon-zaixiankefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-erweima"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#icon-erweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiao"></use>
                </svg>
                <div class="name">报表</div>
                <div class="code-name">#icon-baobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin5"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibao"></use>
                </svg>
                <div class="name">质保</div>
                <div class="code-name">#icon-zhibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiweiliaotiangongjulan"></use>
                </svg>
                <div class="name">企微聊天工具栏</div>
                <div class="code-name">#icon-qiweiliaotiangongjulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjiaguanzhu"></use>
                </svg>
                <div class="name">添加关注</div>
                <div class="code-name">#icon-tianjiaguanzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiaoguanzhu"></use>
                </svg>
                <div class="name">取消关注</div>
                <div class="code-name">#icon-quxiaoguanzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongxunlu"></use>
                </svg>
                <div class="name">通讯录</div>
                <div class="code-name">#icon-tongxunlu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanliandao"></use>
                </svg>
                <div class="name">关联到</div>
                <div class="code-name">#icon-guanliandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin4"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin3"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bell1"></use>
                </svg>
                <div class="name">bell</div>
                <div class="code-name">#icon-bell1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-message1"></use>
                </svg>
                <div class="name">message</div>
                <div class="code-name">#icon-message1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-creditcard-fill"></use>
                </svg>
                <div class="name">credit card-fill</div>
                <div class="code-name">#icon-creditcard-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appstore-fill1"></use>
                </svg>
                <div class="name">app store-fill</div>
                <div class="code-name">#icon-appstore-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fund-fill1"></use>
                </svg>
                <div class="name">fund-fill</div>
                <div class="code-name">#icon-fund-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-contacts-fill"></use>
                </svg>
                <div class="name">contacts-fill</div>
                <div class="code-name">#icon-contacts-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopping-fill"></use>
                </svg>
                <div class="name">shopping-fill</div>
                <div class="code-name">#icon-shopping-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tags-fill"></use>
                </svg>
                <div class="name">tags-fill</div>
                <div class="code-name">#icon-tags-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-fill1"></use>
                </svg>
                <div class="name">shop-fill</div>
                <div class="code-name">#icon-shop-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-golden-fill"></use>
                </svg>
                <div class="name">golden-fill</div>
                <div class="code-name">#icon-golden-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-trophy-fill"></use>
                </svg>
                <div class="name">trophy-fill</div>
                <div class="code-name">#icon-trophy-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-car-fill"></use>
                </svg>
                <div class="name">car-fill</div>
                <div class="code-name">#icon-car-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-piechart-circle-fil1"></use>
                </svg>
                <div class="name">pie chart-circle-fil</div>
                <div class="code-name">#icon-piechart-circle-fil1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-container-fill"></use>
                </svg>
                <div class="name">container-fill</div>
                <div class="code-name">#icon-container-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batchfolding-fill"></use>
                </svg>
                <div class="name">batch folding-fill</div>
                <div class="code-name">#icon-batchfolding-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-idcard-fill"></use>
                </svg>
                <div class="name">id card-fill</div>
                <div class="code-name">#icon-idcard-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-detail-fill1"></use>
                </svg>
                <div class="name">detail-fill</div>
                <div class="code-name">#icon-detail-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-reconciliation-fill"></use>
                </svg>
                <div class="name">reconciliation-fill</div>
                <div class="code-name">#icon-reconciliation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-file-text-fill"></use>
                </svg>
                <div class="name">file-text-fill</div>
                <div class="code-name">#icon-file-text-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-event"></use>
                </svg>
                <div class="name">事件统计</div>
                <div class="code-name">#icon-event</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#icon-fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhifubao"></use>
                </svg>
                <div class="name">支付宝</div>
                <div class="code-name">#icon-zhifubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appstore-fill"></use>
                </svg>
                <div class="name">app store-fill</div>
                <div class="code-name">#icon-appstore-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-fill"></use>
                </svg>
                <div class="name">shop-fill</div>
                <div class="code-name">#icon-shop-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-book-fill"></use>
                </svg>
                <div class="name">book-fill</div>
                <div class="code-name">#icon-book-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-video-fill"></use>
                </svg>
                <div class="name">video-fill</div>
                <div class="code-name">#icon-video-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-phone-fill"></use>
                </svg>
                <div class="name">phone-fill</div>
                <div class="code-name">#icon-phone-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edit-fill"></use>
                </svg>
                <div class="name">edit-fill</div>
                <div class="code-name">#icon-edit-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwu-xuanzhong"></use>
                </svg>
                <div class="name">服务-选中</div>
                <div class="code-name">#icon-fuwu-xuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-image-fill2"></use>
                </svg>
                <div class="name">image-fill2</div>
                <div class="code-name">#icon-image-fill2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiye-tianchong"></use>
                </svg>
                <div class="name">企业-填充</div>
                <div class="code-name">#icon-qiye-tianchong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beijian"></use>
                </svg>
                <div class="name">备件</div>
                <div class="code-name">#icon-beijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gb1"></use>
                </svg>
                <div class="name">gb</div>
                <div class="code-name">#icon-gb1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zdh"></use>
                </svg>
                <div class="name">zdh</div>
                <div class="code-name">#icon-zdh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zxh"></use>
                </svg>
                <div class="name">zxh</div>
                <div class="code-name">#icon-zxh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongzuo"></use>
                </svg>
                <div class="name">重做</div>
                <div class="code-name">#icon-chongzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chexiao"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#icon-chexiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidingyi"></use>
                </svg>
                <div class="name">自定义</div>
                <div class="code-name">#icon-zidingyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieshu1"></use>
                </svg>
                <div class="name">结束</div>
                <div class="code-name">#icon-jieshu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yitongguo"></use>
                </svg>
                <div class="name">已通过</div>
                <div class="code-name">#icon-yitongguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yibohui"></use>
                </svg>
                <div class="name">已驳回</div>
                <div class="code-name">#icon-yibohui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-butongyi"></use>
                </svg>
                <div class="name">不同意</div>
                <div class="code-name">#icon-butongyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daishenpi"></use>
                </svg>
                <div class="name">待审批</div>
                <div class="code-name">#icon-daishenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-book"></use>
                </svg>
                <div class="name">book</div>
                <div class="code-name">#icon-book</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-send1"></use>
                </svg>
                <div class="name">send</div>
                <div class="code-name">#icon-send1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ding-yue"></use>
                </svg>
                <div class="name">订阅</div>
                <div class="code-name">#icon-ding-yue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujudaping"></use>
                </svg>
                <div class="name">数据大屏</div>
                <div class="code-name">#icon-shujudaping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangda"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#icon-fangda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye-fill"></use>
                </svg>
                <div class="name">eye-fill</div>
                <div class="code-name">#icon-eye-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-down-circle"></use>
                </svg>
                <div class="name">down-circle</div>
                <div class="code-name">#icon-down-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongdanbiaodanshezhi"></use>
                </svg>
                <div class="name">工单表单设置</div>
                <div class="code-name">#icon-gongdanbiaodanshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongdanliuchengshezhi"></use>
                </svg>
                <div class="name">工单流程设置</div>
                <div class="code-name">#icon-gongdanliuchengshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add3"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-add3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-filter"></use>
                </svg>
                <div class="name">filter</div>
                <div class="code-name">#icon-filter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-upload1"></use>
                </svg>
                <div class="name">upload</div>
                <div class="code-name">#icon-upload1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixu1"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#icon-paixu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud-download"></use>
                </svg>
                <div class="name">cloud-download</div>
                <div class="code-name">#icon-cloud-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-signal-fill"></use>
                </svg>
                <div class="name">signal-fill</div>
                <div class="code-name">#icon-signal-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditu2"></use>
                </svg>
                <div class="name">地图</div>
                <div class="code-name">#icon-ditu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-piechart-circle-fil"></use>
                </svg>
                <div class="name">pie chart-circle-fil</div>
                <div class="code-name">#icon-piechart-circle-fil</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-calendar-fill"></use>
                </svg>
                <div class="name">calendar-fill</div>
                <div class="code-name">#icon-calendar-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-detail-fill"></use>
                </svg>
                <div class="name">detail-fill</div>
                <div class="code-name">#icon-detail-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fund-fill"></use>
                </svg>
                <div class="name">fund-fill</div>
                <div class="code-name">#icon-fund-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan-chanpin1"></use>
                </svg>
                <div class="name">菜单-产品</div>
                <div class="code-name">#icon-caidan-chanpin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-warning-circle-fill"></use>
                </svg>
                <div class="name">warning-circle-fill</div>
                <div class="code-name">#icon-warning-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add2"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-add2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duihao1"></use>
                </svg>
                <div class="name">对号</div>
                <div class="code-name">#icon-duihao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Satisfied1"></use>
                </svg>
                <div class="name">Satisfied</div>
                <div class="code-name">#icon-Satisfied1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-implement"></use>
                </svg>
                <div class="name">implement</div>
                <div class="code-name">#icon-implement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-furniture"></use>
                </svg>
                <div class="name">furniture</div>
                <div class="code-name">#icon-furniture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-equipment"></use>
                </svg>
                <div class="name">equipment</div>
                <div class="code-name">#icon-equipment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-inside"></use>
                </svg>
                <div class="name">inside</div>
                <div class="code-name">#icon-inside</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-maintain"></use>
                </svg>
                <div class="name">maintain</div>
                <div class="code-name">#icon-maintain</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appliance"></use>
                </svg>
                <div class="name">appliance</div>
                <div class="code-name">#icon-appliance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-measure"></use>
                </svg>
                <div class="name">measure</div>
                <div class="code-name">#icon-measure</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mechanics"></use>
                </svg>
                <div class="name">mechanics</div>
                <div class="code-name">#icon-mechanics</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-medicalcare"></use>
                </svg>
                <div class="name">medical care</div>
                <div class="code-name">#icon-medicalcare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refundable"></use>
                </svg>
                <div class="name">refundable</div>
                <div class="code-name">#icon-refundable</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-service1"></use>
                </svg>
                <div class="name">service</div>
                <div class="code-name">#icon-service1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-water"></use>
                </svg>
                <div class="name">water</div>
                <div class="code-name">#icon-water</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-train"></use>
                </svg>
                <div class="name">train</div>
                <div class="code-name">#icon-train</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tel"></use>
                </svg>
                <div class="name">tel</div>
                <div class="code-name">#icon-tel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-work"></use>
                </svg>
                <div class="name">work</div>
                <div class="code-name">#icon-work</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-description"></use>
                </svg>
                <div class="name">描述</div>
                <div class="code-name">#icon-fdn-description</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-level"></use>
                </svg>
                <div class="name">优先级</div>
                <div class="code-name">#icon-fdn-level</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-serviceContent"></use>
                </svg>
                <div class="name">服务内容</div>
                <div class="code-name">#icon-fdn-serviceContent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-serviceType"></use>
                </svg>
                <div class="name">服务类型</div>
                <div class="code-name">#icon-fdn-serviceType</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-serviceIterm"></use>
                </svg>
                <div class="name">服务类型</div>
                <div class="code-name">#icon-fdn-serviceIterm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-autograph"></use>
                </svg>
                <div class="name">签名</div>
                <div class="code-name">#icon-fdn-autograph</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-systemAutograph"></use>
                </svg>
                <div class="name">签名</div>
                <div class="code-name">#icon-fdn-systemAutograph</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-relationProduct"></use>
                </svg>
                <div class="name">产品关联</div>
                <div class="code-name">#icon-fdn-relationProduct</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-relationCustomer"></use>
                </svg>
                <div class="name">客户关联</div>
                <div class="code-name">#icon-fdn-relationCustomer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qrcode"></use>
                </svg>
                <div class="name">qrcode</div>
                <div class="code-name">#icon-qrcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-file-copy"></use>
                </svg>
                <div class="name">file-copy</div>
                <div class="code-name">#icon-file-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-thunderbolt"></use>
                </svg>
                <div class="name">thunderbolt</div>
                <div class="code-name">#icon-thunderbolt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-printer"></use>
                </svg>
                <div class="name">printer</div>
                <div class="code-name">#icon-printer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edit-square"></use>
                </svg>
                <div class="name">edit-square</div>
                <div class="code-name">#icon-edit-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#icon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bell"></use>
                </svg>
                <div class="name">bell</div>
                <div class="code-name">#icon-bell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan-chanpin"></use>
                </svg>
                <div class="name">菜单-产品</div>
                <div class="code-name">#icon-caidan-chanpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi-chanpinguanlishezhi"></use>
                </svg>
                <div class="name">设置-产品管理设置</div>
                <div class="code-name">#icon-shezhi-chanpinguanlishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi-chanpinerweima"></use>
                </svg>
                <div class="name">设置-产品二维码</div>
                <div class="code-name">#icon-shezhi-chanpinerweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi-chanpinmulu"></use>
                </svg>
                <div class="name">设置-产品目录</div>
                <div class="code-name">#icon-shezhi-chanpinmulu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fujiazujian"></use>
                </svg>
                <div class="name">附加组件</div>
                <div class="code-name">#icon-fujiazujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian1"></use>
                </svg>
                <div class="name">事件</div>
                <div class="code-name">#icon-shijian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongdan"></use>
                </svg>
                <div class="name">工单</div>
                <div class="code-name">#icon-gongdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huangguan"></use>
                </svg>
                <div class="name">皇冠</div>
                <div class="code-name">#icon-huangguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanting"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#icon-zanting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-formula"></use>
                </svg>
                <div class="name">calculator</div>
                <div class="code-name">#icon-fdn-formula</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanpinxiangqing-chanpintixing"></use>
                </svg>
                <div class="name">产品详情-产品提醒</div>
                <div class="code-name">#icon-chanpinxiangqing-chanpintixing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanpinxiangqing-jihuarenwu"></use>
                </svg>
                <div class="name">产品详情-计划任务</div>
                <div class="code-name">#icon-chanpinxiangqing-jihuarenwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu2"></use>
                </svg>
                <div class="name">运算-删除</div>
                <div class="code-name">#icon-shanchu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-date"></use>
                </svg>
                <div class="name">calendar</div>
                <div class="code-name">#icon-fdn-date</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-number"></use>
                </svg>
                <div class="name">基础控件-数字</div>
                <div class="code-name">#icon-fdn-number</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-code"></use>
                </svg>
                <div class="name">基础控件-扫码</div>
                <div class="code-name">#icon-fdn-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwuneirong"></use>
                </svg>
                <div class="name">基础控件-服务内容</div>
                <div class="code-name">#icon-fuwuneirong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-address"></use>
                </svg>
                <div class="name">基础控件-定位</div>
                <div class="code-name">#icon-fdn-address</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuguanlian"></use>
                </svg>
                <div class="name">基础组件-客户关联</div>
                <div class="code-name">#icon-kehuguanlian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-separator"></use>
                </svg>
                <div class="name">基础控件-分割线</div>
                <div class="code-name">#icon-fdn-separator</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-datetime"></use>
                </svg>
                <div class="name">基础控件-时间</div>
                <div class="code-name">#icon-fdn-datetime</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-text"></use>
                </svg>
                <div class="name">基础控件-单行文本</div>
                <div class="code-name">#icon-fdn-text</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishiku"></use>
                </svg>
                <div class="name">基础控件-知识库</div>
                <div class="code-name">#icon-zhishiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-info"></use>
                </svg>
                <div class="name">基础控件-说明信息</div>
                <div class="code-name">#icon-fdn-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-sparepart"></use>
                </svg>
                <div class="name">基础控件-备件</div>
                <div class="code-name">#icon-fdn-sparepart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-select"></use>
                </svg>
                <div class="name">基础控件-下拉</div>
                <div class="code-name">#icon-fdn-select</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-cascader"></use>
                </svg>
                <div class="name">基础控件-多级菜单</div>
                <div class="code-name">#icon-fdn-cascader</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-textarea"></use>
                </svg>
                <div class="name">基础控件-多行文本</div>
                <div class="code-name">#icon-fdn-textarea</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-phone"></use>
                </svg>
                <div class="name">基础控件-电话</div>
                <div class="code-name">#icon-fdn-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-user"></use>
                </svg>
                <div class="name">基础控件-人员</div>
                <div class="code-name">#icon-fdn-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-related_task"></use>
                </svg>
                <div class="name">基础控件-关联</div>
                <div class="code-name">#icon-fdn-related_task</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-attachment"></use>
                </svg>
                <div class="name">基础控件-附件</div>
                <div class="code-name">#icon-fdn-attachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-taskAttachment"></use>
                </svg>
                <div class="name">基础控件-附件</div>
                <div class="code-name">#icon-fdn-taskAttachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-receiptAttachment"></use>
                </svg>
                <div class="name">基础控件-附件</div>
                <div class="code-name">#icon-fdn-receiptAttachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-location"></use>
                </svg>
                <div class="name">地址</div>
                <div class="code-name">#icon-fdn-location</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-email"></use>
                </svg>
                <div class="name">基础控件-邮箱</div>
                <div class="code-name">#icon-fdn-email</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Icon_up"></use>
                </svg>
                <div class="name">Icon_up</div>
                <div class="code-name">#icon-Icon_up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuozhuaipaixu"></use>
                </svg>
                <div class="name">拖拽排序</div>
                <div class="code-name">#icon-tuozhuaipaixu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fdn-hidden"></use>
                </svg>
                <div class="name">隐藏字段</div>
                <div class="code-name">#icon-fdn-hidden</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieshishuoming1"></use>
                </svg>
                <div class="name">解释说明</div>
                <div class="code-name">#icon-jieshishuoming1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjian"></use>
                </svg>
                <div class="name">新建</div>
                <div class="code-name">#icon-xinjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wancheng"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#icon-wancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhipai"></use>
                </svg>
                <div class="name">指派</div>
                <div class="code-name">#icon-zhipai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaishi"></use>
                </svg>
                <div class="name">开始</div>
                <div class="code-name">#icon-kaishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiesuan"></use>
                </svg>
                <div class="name">结算</div>
                <div class="code-name">#icon-jiesuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huifang"></use>
                </svg>
                <div class="name">回访</div>
                <div class="code-name">#icon-huifang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieshou"></use>
                </svg>
                <div class="name">接受</div>
                <div class="code-name">#icon-jieshou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieshu"></use>
                </svg>
                <div class="name">结束</div>
                <div class="code-name">#icon-jieshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixu"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#icon-paixu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidanjiantou-zhedie"></use>
                </svg>
                <div class="name">菜单箭头-折叠</div>
                <div class="code-name">#icon-caidanjiantou-zhedie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidanjiantou-zhankai"></use>
                </svg>
                <div class="name">菜单箭头-展开</div>
                <div class="code-name">#icon-caidanjiantou-zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiehuan1"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-qiehuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieshishuoming"></use>
                </svg>
                <div class="name">解释说明</div>
                <div class="code-name">#icon-jieshishuoming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_caiwumokuai"></use>
                </svg>
                <div class="name">菜单_财务模块</div>
                <div class="code-name">#icon-caidan_caiwumokuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_fuwuguanli"></use>
                </svg>
                <div class="name">菜单_服务管理</div>
                <div class="code-name">#icon-caidan_fuwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_beijianguanli"></use>
                </svg>
                <div class="name">菜单_备件管理</div>
                <div class="code-name">#icon-caidan_beijianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_gongdanmokuai"></use>
                </svg>
                <div class="name">菜单_工单模块</div>
                <div class="code-name">#icon-caidan_gongdanmokuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_menhushezhi"></use>
                </svg>
                <div class="name">菜单_门户设置</div>
                <div class="code-name">#icon-caidan_menhushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_xinxiguanli"></use>
                </svg>
                <div class="name">菜单_信息管理</div>
                <div class="code-name">#icon-caidan_xinxiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_shezhi"></use>
                </svg>
                <div class="name">菜单_设置</div>
                <div class="code-name">#icon-caidan_shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_fuwutai"></use>
                </svg>
                <div class="name">菜单_服务台</div>
                <div class="code-name">#icon-caidan_fuwutai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_yunyingtongji"></use>
                </svg>
                <div class="name">菜单_运营统计</div>
                <div class="code-name">#icon-caidan_yunyingtongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_zhanghaoquanxian"></use>
                </svg>
                <div class="name">菜单_账号权限</div>
                <div class="code-name">#icon-caidan_zhanghaoquanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_kehumokuai"></use>
                </svg>
                <div class="name">菜单_客户模块</div>
                <div class="code-name">#icon-caidan_kehumokuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mianbanjiantou"></use>
                </svg>
                <div class="name">面板箭头</div>
                <div class="code-name">#icon-mianbanjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_arrow"></use>
                </svg>
                <div class="name">icon_arrow</div>
                <div class="code-name">#icon-icon_arrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daohang"></use>
                </svg>
                <div class="name">三道杠</div>
                <div class="code-name">#icon-daohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianhua2"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-dianhua2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhi"></use>
                </svg>
                <div class="name">复制 </div>
                <div class="code-name">#icon-fuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanziguanli"></use>
                </svg>
                <div class="name">圈子管理</div>
                <div class="code-name">#icon-quanziguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixinxiaoxishezhi"></use>
                </svg>
                <div class="name">微信消息设置</div>
                <div class="code-name">#icon-weixinxiaoxishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaoshitu"></use>
                </svg>
                <div class="name">列表模式</div>
                <div class="code-name">#icon-liebiaoshitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditu"></use>
                </svg>
                <div class="name">地图模式</div>
                <div class="code-name">#icon-ditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyeming"></use>
                </svg>
                <div class="name">企业名</div>
                <div class="code-name">#icon-qiyeming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuming"></use>
                </svg>
                <div class="name">用户名</div>
                <div class="code-name">#icon-yonghuming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpizhong"></use>
                </svg>
                <div class="name">审批中</div>
                <div class="code-name">#icon-shenpizhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beijian-jindu-queren"></use>
                </svg>
                <div class="name">备件-进度-确认</div>
                <div class="code-name">#icon-beijian-jindu-queren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beijian-jindu-yijujue"></use>
                </svg>
                <div class="name">备件-进度-已拒绝</div>
                <div class="code-name">#icon-beijian-jindu-yijujue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beijian-jindu-shenpizhong"></use>
                </svg>
                <div class="name">备件-进度-审批中</div>
                <div class="code-name">#icon-beijian-jindu-shenpizhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongdiguanli"></use>
                </svg>
                <div class="name">工地管理</div>
                <div class="code-name">#icon-gongdiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenbaoshang"></use>
                </svg>
                <div class="name">分包商</div>
                <div class="code-name">#icon-fenbaoshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peijianguanli"></use>
                </svg>
                <div class="name">配件管理</div>
                <div class="code-name">#icon-peijianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongjuguanli"></use>
                </svg>
                <div class="name">工具管理</div>
                <div class="code-name">#icon-gongjuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-400fuwutai"></use>
                </svg>
                <div class="name">400服务台</div>
                <div class="code-name">#icon-400fuwutai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongshezhi"></use>
                </svg>
                <div class="name">系统设置</div>
                <div class="code-name">#icon-xitongshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewubaobiao"></use>
                </svg>
                <div class="name">业务报表</div>
                <div class="code-name">#icon-yewubaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmuguanli"></use>
                </svg>
                <div class="name">项目管理</div>
                <div class="code-name">#icon-xiangmuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paigong"></use>
                </svg>
                <div class="name">派工</div>
                <div class="code-name">#icon-paigong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiliangguanli"></use>
                </svg>
                <div class="name">质量管理</div>
                <div class="code-name">#icon-zhiliangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuanguanli"></use>
                </svg>
                <div class="name">人员管理</div>
                <div class="code-name">#icon-renyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huatong"></use>
                </svg>
                <div class="name">话筒</div>
                <div class="code-name">#icon-huatong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuyin"></use>
                </svg>
                <div class="name">语音</div>
                <div class="code-name">#icon-yuyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji1"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaojisousuo"></use>
                </svg>
                <div class="name">高级搜索</div>
                <div class="code-name">#icon-gaojisousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu-copy"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu1"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plus-circle-fill"></use>
                </svg>
                <div class="name">plus-circle-fill</div>
                <div class="code-name">#icon-plus-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-left-circle-fill"></use>
                </svg>
                <div class="name">left-circle-fill</div>
                <div class="code-name">#icon-left-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-right-circle-fill"></use>
                </svg>
                <div class="name">right-circle-fill</div>
                <div class="code-name">#icon-right-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuan"></use>
                </svg>
                <div class="name">打电话</div>
                <div class="code-name">#icon-ziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#icon-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-favorfill"></use>
                </svg>
                <div class="name">favor_fill</div>
                <div class="code-name">#icon-favorfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-favor"></use>
                </svg>
                <div class="name">favor</div>
                <div class="code-name">#icon-favor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbuyidu"></use>
                </svg>
                <div class="name">全部已读</div>
                <div class="code-name">#icon-quanbuyidu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangzuo-copy"></use>
                </svg>
                <div class="name">向左</div>
                <div class="code-name">#icon-xiangzuo-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangzuo"></use>
                </svg>
                <div class="name">向左</div>
                <div class="code-name">#icon-xiangzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu1"></use>
                </svg>
                <div class="name">服务评价-客服</div>
                <div class="code-name">#icon-kefu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuotai"></use>
                </svg>
                <div class="name">工作台</div>
                <div class="code-name">#icon-gongzuotai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianhua"></use>
                </svg>
                <div class="name">电 话</div>
                <div class="code-name">#icon-dianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Ding"></use>
                </svg>
                <div class="name">Ding</div>
                <div class="code-name">#icon-Ding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yidongduanxianshi"></use>
                </svg>
                <div class="name">移动端显示</div>
                <div class="code-name">#icon-yidongduanxianshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huru"></use>
                </svg>
                <div class="name">呼入</div>
                <div class="code-name">#icon-huru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huchu"></use>
                </svg>
                <div class="name">呼出</div>
                <div class="code-name">#icon-huchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huafei"></use>
                </svg>
                <div class="name">话费</div>
                <div class="code-name">#icon-huafei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianhua1"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-dianhua1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoxi"></use>
                </svg>
                <div class="name">坐席</div>
                <div class="code-name">#icon-zuoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qudian"></use>
                </svg>
                <div class="name">去电</div>
                <div class="code-name">#icon-qudian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-laidian"></use>
                </svg>
                <div class="name">来电</div>
                <div class="code-name">#icon-laidian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time-circle-fill"></use>
                </svg>
                <div class="name">time-circle-fill</div>
                <div class="code-name">#icon-time-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duanxin3"></use>
                </svg>
                <div class="name">短信</div>
                <div class="code-name">#icon-duanxin3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin2"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jilu"></use>
                </svg>
                <div class="name">记录</div>
                <div class="code-name">#icon-jilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin1"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-message"></use>
                </svg>
                <div class="name">记录</div>
                <div class="code-name">#icon-message</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingyuetongzhiguanli"></use>
                </svg>
                <div class="name">订阅通知管理</div>
                <div class="code-name">#icon-dingyuetongzhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Gateway"></use>
                </svg>
                <div class="name">Gateway</div>
                <div class="code-name">#icon-Gateway</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-reception"></use>
                </svg>
                <div class="name">reception</div>
                <div class="code-name">#icon-reception</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-apisetting"></use>
                </svg>
                <div class="name">API SETTING</div>
                <div class="code-name">#icon-apisetting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add1"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-add1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingding"></use>
                </svg>
                <div class="name">钉钉</div>
                <div class="code-name">#icon-dingding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duanxinxiaoxishezhi"></use>
                </svg>
                <div class="name">短信消息设置</div>
                <div class="code-name">#icon-duanxinxiaoxishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumen"></use>
                </svg>
                <div class="name">部门</div>
                <div class="code-name">#icon-bumen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuan"></use>
                </svg>
                <div class="name">人员</div>
                <div class="code-name">#icon-renyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-morenyixuan"></use>
                </svg>
                <div class="name">默认已选</div>
                <div class="code-name">#icon-morenyixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili1"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-rili1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-card1"></use>
                </svg>
                <div class="name">card</div>
                <div class="code-name">#icon-card1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-card"></use>
                </svg>
                <div class="name">card</div>
                <div class="code-name">#icon-card</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanping1"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-quanping1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanping2"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-quanping2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-up"></use>
                </svg>
                <div class="name">up</div>
                <div class="code-name">#icon-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-long-arrow-down"></use>
                </svg>
                <div class="name">long-arrow-down</div>
                <div class="code-name">#icon-long-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-long-arrow-up"></use>
                </svg>
                <div class="name">long-arrow-up</div>
                <div class="code-name">#icon-long-arrow-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logout1"></use>
                </svg>
                <div class="name">logout</div>
                <div class="code-name">#icon-logout1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-setting"></use>
                </svg>
                <div class="name">setting</div>
                <div class="code-name">#icon-setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrowright"></use>
                </svg>
                <div class="name">arrow-right</div>
                <div class="code-name">#icon-arrowright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanjing"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#icon-yanjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixuxia2"></use>
                </svg>
                <div class="name">排序下</div>
                <div class="code-name">#icon-paixuxia2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixushang"></use>
                </svg>
                <div class="name">排序上</div>
                <div class="code-name">#icon-paixushang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixuxia"></use>
                </svg>
                <div class="name">排序上</div>
                <div class="code-name">#icon-paixuxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixuxia1"></use>
                </svg>
                <div class="name">排序下</div>
                <div class="code-name">#icon-paixuxia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantoushangsheng"></use>
                </svg>
                <div class="name">箭头 上升</div>
                <div class="code-name">#icon-jiantoushangsheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantouxiajiang"></use>
                </svg>
                <div class="name">箭头 下降</div>
                <div class="code-name">#icon-jiantouxiajiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xia1"></use>
                </svg>
                <div class="name">下</div>
                <div class="code-name">#icon-xia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shang1"></use>
                </svg>
                <div class="name">上</div>
                <div class="code-name">#icon-shang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_yuyinbofang"></use>
                </svg>
                <div class="name">icon_语音播放</div>
                <div class="code-name">#icon-icon_yuyinbofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinggao"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#icon-jinggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-info"></use>
                </svg>
                <div class="name">信息</div>
                <div class="code-name">#icon-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-unie65b"></use>
                </svg>
                <div class="name">锁</div>
                <div class="code-name">#icon-unie65b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jia"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#icon-jia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suo"></use>
                </svg>
                <div class="name">锁</div>
                <div class="code-name">#icon-suo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-share"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tag"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-tag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-3"></use>
                </svg>
                <div class="name">角色</div>
                <div class="code-name">#icon-beipinbeijian-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#icon-beipinbeijian-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-1"></use>
                </svg>
                <div class="name">文档库</div>
                <div class="code-name">#icon-beipinbeijian-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-2"></use>
                </svg>
                <div class="name">产品数据</div>
                <div class="code-name">#icon-beipinbeijian-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-4"></use>
                </svg>
                <div class="name">客户数据</div>
                <div class="code-name">#icon-beipinbeijian-4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-5"></use>
                </svg>
                <div class="name">团队</div>
                <div class="code-name">#icon-beipinbeijian-5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-6"></use>
                </svg>
                <div class="name">模版</div>
                <div class="code-name">#icon-beipinbeijian-6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-7"></use>
                </svg>
                <div class="name">库存</div>
                <div class="code-name">#icon-beipinbeijian-7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-8"></use>
                </svg>
                <div class="name">自定义</div>
                <div class="code-name">#icon-beipinbeijian-8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-9"></use>
                </svg>
                <div class="name">设备</div>
                <div class="code-name">#icon-beipinbeijian-9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beipinbeijian-10"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#icon-beipinbeijian-10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-link"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#icon-fd-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-info"></use>
                </svg>
                <div class="name">信息</div>
                <div class="code-name">#icon-fd-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-address"></use>
                </svg>
                <div class="name">地址</div>
                <div class="code-name">#icon-fd-address</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-location"></use>
                </svg>
                <div class="name">icon_GPS</div>
                <div class="code-name">#icon-fd-location</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qitalanx"></use>
                </svg>
                <div class="name">其他（蓝）@2x</div>
                <div class="code-name">#icon-qitalanx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-maoyilingshoulanx"></use>
                </svg>
                <div class="name">贸易零售（蓝）@2x</div>
                <div class="code-name">#icon-maoyilingshoulanx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianzhujiajulanx"></use>
                </svg>
                <div class="name">建筑家居（蓝）@2x</div>
                <div class="code-name">#icon-jianzhujiajulanx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwuyelanx"></use>
                </svg>
                <div class="name">服务业（蓝）@2x</div>
                <div class="code-name">#icon-fuwuyelanx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hulianwanglanx"></use>
                </svg>
                <div class="name">互联网（蓝）@2x</div>
                <div class="code-name">#icon-hulianwanglanx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhizaoyebaix"></use>
                </svg>
                <div class="name">制造业</div>
                <div class="code-name">#icon-zhizaoyebaix</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shu"></use>
                </svg>
                <div class="name">书</div>
                <div class="code-name">#icon-shu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-loading1"></use>
                </svg>
                <div class="name">loading</div>
                <div class="code-name">#icon-loading1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-diandiandian"></use>
                </svg>
                <div class="name">点点点</div>
                <div class="code-name">#icon-diandiandian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon02"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-icon02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duihao"></use>
                </svg>
                <div class="name">对号</div>
                <div class="code-name">#icon-duihao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenzu1"></use>
                </svg>
                <div class="name">分组 7</div>
                <div class="code-name">#icon-fenzu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongjigongdanshuliang1"></use>
                </svg>
                <div class="name">tongjigongdanshuliang </div>
                <div class="code-name">#icon-tongjigongdanshuliang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jixiaoduixiang1"></use>
                </svg>
                <div class="name">jixiaoduixiang </div>
                <div class="code-name">#icon-jixiaoduixiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mingzhong"></use>
                </svg>
                <div class="name">mingzhong </div>
                <div class="code-name">#icon-mingzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hejijiangjin"></use>
                </svg>
                <div class="name">heji jiangjin </div>
                <div class="code-name">#icon-hejijiangjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu"></use>
                </svg>
                <div class="name">fabu </div>
                <div class="code-name">#icon-fabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongzhi1"></use>
                </svg>
                <div class="name">tongzhi </div>
                <div class="code-name">#icon-tongzhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuanjianbaogao"></use>
                </svg>
                <div class="name">chuanjianbaogao</div>
                <div class="code-name">#icon-chuanjianbaogao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tijiaoshenhe"></use>
                </svg>
                <div class="name">tijiaoshenhe</div>
                <div class="code-name">#icon-tijiaoshenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-focus"></use>
                </svg>
                <div class="name">可见</div>
                <div class="code-name">#icon-focus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chahao"></use>
                </svg>
                <div class="name">叉号</div>
                <div class="code-name">#icon-chahao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenzu"></use>
                </svg>
                <div class="name">分组 5</div>
                <div class="code-name">#icon-fenzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">xiaoxi</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouqi1"></use>
                </svg>
                <div class="name">shouqi</div>
                <div class="code-name">#icon-shouqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouqi"></use>
                </svg>
                <div class="name">收起</div>
                <div class="code-name">#icon-shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhankai"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#icon-zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingkongshanchu"></use>
                </svg>
                <div class="name">清空删除</div>
                <div class="code-name">#icon-qingkongshanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingkongshanchu-copy"></use>
                </svg>
                <div class="name">清空删除</div>
                <div class="code-name">#icon-qingkongshanchu-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanping"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-quanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-more"></use>
                </svg>
                <div class="name">more</div>
                <div class="code-name">#icon-more</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yemianshanchu"></use>
                </svg>
                <div class="name">页面删除</div>
                <div class="code-name">#icon-yemianshanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongsimingchengxiala"></use>
                </svg>
                <div class="name">dropdown</div>
                <div class="code-name">#icon-gongsimingchengxiala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiehuan"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-qiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-experiment"></use>
                </svg>
                <div class="name">实验</div>
                <div class="code-name">#icon-experiment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-notification"></use>
                </svg>
                <div class="name">notification</div>
                <div class="code-name">#icon-notification</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-question"></use>
                </svg>
                <div class="name">question</div>
                <div class="code-name">#icon-question</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-location"></use>
                </svg>
                <div class="name">location</div>
                <div class="code-name">#icon-location</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edit"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#icon-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-left"></use>
                </svg>
                <div class="name">arrow-left</div>
                <div class="code-name">#icon-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circle-delete"></use>
                </svg>
                <div class="name">icon-delete</div>
                <div class="code-name">#icon-circle-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-juxing"></use>
                </svg>
                <div class="name">矩形</div>
                <div class="code-name">#icon-juxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-down"></use>
                </svg>
                <div class="name">pic-b-down</div>
                <div class="code-name">#icon-nav-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangzhu"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#icon-bangzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwuguanli"></use>
                </svg>
                <div class="name">服务管理</div>
                <div class="code-name">#icon-fuwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beijianguanli"></use>
                </svg>
                <div class="name">备件管理</div>
                <div class="code-name">#icon-beijianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwutai"></use>
                </svg>
                <div class="name">服务台</div>
                <div class="code-name">#icon-fuwutai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxianguanli"></use>
                </svg>
                <div class="name">权限管理</div>
                <div class="code-name">#icon-quanxianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuxinxi"></use>
                </svg>
                <div class="name">客户信息</div>
                <div class="code-name">#icon-kehuxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#icon-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxiguanli"></use>
                </svg>
                <div class="name">信息管理</div>
                <div class="code-name">#icon-xinxiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongguanli"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-xitongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoyidong"></use>
                </svg>
                <div class="name">左移动</div>
                <div class="code-name">#icon-zuoyidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunyingfenxi"></use>
                </svg>
                <div class="name">运营分析</div>
                <div class="code-name">#icon-yunyingfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youyidong"></use>
                </svg>
                <div class="name">右移动</div>
                <div class="code-name">#icon-youyidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongdanzhongxin"></use>
                </svg>
                <div class="name">工单中心</div>
                <div class="code-name">#icon-gongdanzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiuban"></use>
                </svg>
                <div class="name">旧版</div>
                <div class="code-name">#icon-jiuban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-export"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-export</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongju"></use>
                </svg>
                <div class="name">工具</div>
                <div class="code-name">#icon-gongju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-separator"></use>
                </svg>
                <div class="name">分隔线</div>
                <div class="code-name">#icon-fd-separator</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-attachment"></use>
                </svg>
                <div class="name">附件</div>
                <div class="code-name">#icon-fd-attachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-text"></use>
                </svg>
                <div class="name">单行文本</div>
                <div class="code-name">#icon-fd-text</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-select"></use>
                </svg>
                <div class="name">下拉框</div>
                <div class="code-name">#icon-fd-select</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-datetime"></use>
                </svg>
                <div class="name">日期时间</div>
                <div class="code-name">#icon-fd-datetime</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-phone"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-fd-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-user"></use>
                </svg>
                <div class="name">人员</div>
                <div class="code-name">#icon-fd-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-code"></use>
                </svg>
                <div class="name">扫码</div>
                <div class="code-name">#icon-fd-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-email"></use>
                </svg>
                <div class="name">邮箱-反馈</div>
                <div class="code-name">#icon-fd-email</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-textarea"></use>
                </svg>
                <div class="name">多行文本</div>
                <div class="code-name">#icon-fd-textarea</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-date"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-fd-date</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fd-number"></use>
                </svg>
                <div class="name">符号-数字输入框</div>
                <div class="code-name">#icon-fd-number</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logout"></use>
                </svg>
                <div class="name">注销</div>
                <div class="code-name">#icon-logout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-people"></use>
                </svg>
                <div class="name">人</div>
                <div class="code-name">#icon-people</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-home"></use>
                </svg>
                <div class="name">home2</div>
                <div class="code-name">#icon-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pile"></use>
                </svg>
                <div class="name">堆叠</div>
                <div class="code-name">#icon-pile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yemian"></use>
                </svg>
                <div class="name">页面</div>
                <div class="code-name">#icon-yemian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-send"></use>
                </svg>
                <div class="name">send</div>
                <div class="code-name">#icon-send</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-address"></use>
                </svg>
                <div class="name">地图-地标</div>
                <div class="code-name">#icon-address</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-timeline"></use>
                </svg>
                <div class="name">time_line</div>
                <div class="code-name">#icon-timeline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-attachment"></use>
                </svg>
                <div class="name">附件</div>
                <div class="code-name">#icon-attachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-loading"></use>
                </svg>
                <div class="name">loading</div>
                <div class="code-name">#icon-loading</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-check-fill"></use>
                </svg>
                <div class="name">checkbox</div>
                <div class="code-name">#icon-check-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minus-fill"></use>
                </svg>
                <div class="name">减</div>
                <div class="code-name">#icon-minus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-upload"></use>
                </svg>
                <div class="name">upload</div>
                <div class="code-name">#icon-upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-riqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-scan"></use>
                </svg>
                <div class="name">scan</div>
                <div class="code-name">#icon-scan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-return"></use>
                </svg>
                <div class="name">return</div>
                <div class="code-name">#icon-return</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-commit1"></use>
                </svg>
                <div class="name">commit</div>
                <div class="code-name">#icon-commit1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-search1"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#icon-search1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-status"></use>
                </svg>
                <div class="name">userstatus</div>
                <div class="code-name">#icon-user-status</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_people_fill"></use>
                </svg>
                <div class="name">icon_people_fill</div>
                <div class="code-name">#icon-icon_people_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-search"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right"></use>
                </svg>
                <div class="name">箭头</div>
                <div class="code-name">#icon-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-account1"></use>
                </svg>
                <div class="name">account</div>
                <div class="code-name">#icon-account1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-triangle-down"></use>
                </svg>
                <div class="name">down</div>
                <div class="code-name">#icon-triangle-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-left"></use>
                </svg>
                <div class="name">left</div>
                <div class="code-name">#icon-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-right"></use>
                </svg>
                <div class="name">right</div>
                <div class="code-name">#icon-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fe-close"></use>
                </svg>
                <div class="name">close</div>
                <div class="code-name">#icon-fe-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-updete"></use>
                </svg>
                <div class="name">updete</div>
                <div class="code-name">#icon-updete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-account"></use>
                </svg>
                <div class="name">account</div>
                <div class="code-name">#icon-account</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Servicedesk"></use>
                </svg>
                <div class="name">Service desk</div>
                <div class="code-name">#icon-Servicedesk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Takeup"></use>
                </svg>
                <div class="name">Take up</div>
                <div class="code-name">#icon-Takeup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guide"></use>
                </svg>
                <div class="name">guide</div>
                <div class="code-name">#icon-guide</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-customerservice"></use>
                </svg>
                <div class="name">customer service</div>
                <div class="code-name">#icon-customerservice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-list"></use>
                </svg>
                <div class="name">list</div>
                <div class="code-name">#icon-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-help"></use>
                </svg>
                <div class="name">help</div>
                <div class="code-name">#icon-help</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-news"></use>
                </svg>
                <div class="name">news</div>
                <div class="code-name">#icon-news</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-operate"></use>
                </svg>
                <div class="name">operate</div>
                <div class="code-name">#icon-operate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-man"></use>
                </svg>
                <div class="name">man</div>
                <div class="code-name">#icon-man</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-part"></use>
                </svg>
                <div class="name">part</div>
                <div class="code-name">#icon-part</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-open"></use>
                </svg>
                <div class="name">open</div>
                <div class="code-name">#icon-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-service"></use>
                </svg>
                <div class="name">service</div>
                <div class="code-name">#icon-service</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-system"></use>
                </svg>
                <div class="name">system</div>
                <div class="code-name">#icon-system</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo"></use>
                </svg>
                <div class="name">yun</div>
                <div class="code-name">#icon-logo</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
